Modifier l'éditorial sur mon slide (RESOLU)

[Paulinette]

Bonjour, 

 

j'ai un petit soucis, j'ai installé le thème Perlamoda sur ma boutique. La balise H1 sur la page d'accueil est "automatique" en éditant l'éditorial. Effectivement ça marche mais comme vous pouvez le voir, ça me cache toutes les images du slide.

http://leboudoirdepauline.fr/

 

Je sais pas si on peut garder cette éditorial "actif" sans qu'on le voit, mais j'aimerais au moins le rendre plus discret disons. Plus petit, "hors-slide" sur la colonne de gauche si c'est possible, ou autres...

 

Le fichier editorial.css donne ça: (j'imagine que c'est la dedans qu'il faut bricoler), d'ailleurs c'est normal que le texte qui est affiché sur le site n'apparaisse pas là?

 

 

.editorial_block { overflow:hidden; }

.editorial_block_img {

  -webkit-background-clip:padding-box;

  background-clip:padding-box;

  -webkit-border-radius:2px;

  border-radius:2px;

  border:1px solid #dddddd;

  border-bottom-color:#c4c4c4;

  background:#ffffff;

  text-align:center;

  margin-bottom:10px;

  padding:5px;

}

.editorial_block_img a { display:block; }

.editorial_block_content {

  -webkit-background-clip:padding-box;

  background-clip:padding-box;

  -webkit-border-radius:2px;

  border-radius:2px;

  border:1px solid #dddddd;

  border-bottom-color:#c4c4c4;

  background:#f9f9f9;

  margin-bottom:10px;

  padding:10px 15px;

}

.editorial_block_content h1 {

  background:none;

  border:0;

  color:#c0577c;

  text-transform:uppercase;

  text-shadow:none;

  margin:0 0 5px;

  padding:0;

}

.editorial_block_content h2 {

  background:none;

  border:0;

  font-size:16px;

  line-height:16px;

  text-shadow:none;

  margin:0 0 5px;

  padding:0;

}

.editorial_block_content h1, .editorial_block_content h2 { filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.editorial_block_content p {

  text-align:left;

  margin:5px 0;

}

#editorial_image_legend {

  font-style:italic;

  margin:0 0 5px;

}

 

 

 

Merci par avance pour votre aide!

Edited June 27, 2014 by Paulinette (see edit history)

[S-HAMMANI]

Bonjour

C'est le fichier prettyslider.css que tu devra modifier:

#prettyslider_editorial {
    box-sizing: border-box;
    opacity: 0.8;
    background: none repeat scroll 0% 0% #FFF;
    position: absolute;
    top: 16px;
    left: 6px;
    width: 380px;
    height: 70px;
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

le résultat sera comme ci capture ecran:

 

[Paulinette]

Un grand merci pour ton aide!

 

C'est exactement comme je le voulais, je retouchai quelques détails sur l’image pour que ça se combine encore mieux.

 

Et puis grâce à toi je sais où toucher le css pour essayer de bricoler.

 

Merci!

 

EDIT: j'ai réussi 

Edited June 27, 2014 by Paulinette (see edit history)