Modification du head design Malaga

[Charlotte SJ]

Puisque qu'on est encouragé à le faire, voici ma première question sur ce design:
dans les articles du blog, je voudrais aligner "commentaires" sur la gauche. J'y arrive bien avec Firebug en réduisant le padding left à 0 px, mais cela ne fonctionne pas avec le code que j'écris dans le head (c'est-à-dire :
<style type="text/css">
/*<![CDATA[*/

div <a class= "comment cc-sm-pointer" {padding-left: 0 px ;!important}
/*]]>*/
</style>

Je pense que je ne dois pas mettre la bonne "adresse" de l'élément à modifier... c'est ça?
Merci!

[FilmsdeLover]

J'ai sûrement dû mal voir mais sur votre site, "Commentaires" dans les billets de blog est déjà aligné à gauche, si je ne m'abuse.

[Charlotte SJ]

Oui pardon, il ne s'agit pas du "commentaire" dans chaque article individuel du blog mais de la mention "o commentaire" qui apparait sur la liste globale du blog, au premier clic sur "carnet d'inspiration". De plus, je n'arrive pas à en changer la couleur prune qui apparait au survol.
Merci!

[FilmsdeLover]

Pour la couleur prune, cela se joue ici :

Code:


<style type="text/css">
/*<![CDATA[*/
.j-product .cc-shop-addtocard:hover, .j-cart .j-cart--hover-popup--call-to-action-button:hover, .j-blogarticle .blogreadmore:hover:link, .j-blogarticle .blogreadmore:hover:visited, .j-blogarticle .comment:hover:link, .j-blogarticle .comment:hover:visited, .skiptoform a:hover:link, .skiptoform a:hover:visited, .j-comment input[type="submit"]:hover, .commententry input[type="submit"]:hover, .j-downloadDocument .cc-m-download-link:hover, .j-formnew input[type="submit"]:hover, .j-googlemaps .cc-map-route-submit button:hover, .j-newsletterbox input[type="submit"]:hover, .cc-pagemode-overlay input.submitUser[type="submit"]:hover, .j-rss br + a[target="_blank"]:hover, #cc-checkout-gutter .cc-checkout-btn:hover, .j-product .cc-shop-addtocard:active, .j-cart .j-cart--hover-popup--call-to-action-button:active, .j-blogarticle .blogreadmore:active:link, .j-blogarticle .blogreadmore:active:visited, .j-blogarticle .comment:active:link, .j-blogarticle .comment:active:visited, .skiptoform a:active:link, .skiptoform a:active:visited, .j-comment input[type="submit"]:active, .commententry input[type="submit"]:active, .j-downloadDocument .cc-m-download-link:active, .j-formnew input[type="submit"]:active, .j-googlemaps .cc-map-route-submit button:active, .j-newsletterbox input[type="submit"]:active, .cc-pagemode-overlay input.submitUser[type="submit"]:active, .j-rss br + a[target="_blank"]:active, #cc-checkout-gutter .cc-checkout-btn:active, .j-product .cc-shop-addtocard:focus, .j-cart .j-cart--hover-popup--call-to-action-button:focus, .j-blogarticle .blogreadmore:focus:link, .j-blogarticle .blogreadmore:focus:visited, .j-blogarticle .comment:focus:link, .j-blogarticle .comment:focus:visited, .skiptoform a:focus:link, .skiptoform a:focus:visited, .j-comment input[type="submit"]:focus, .commententry input[type="submit"]:focus, .j-downloadDocument .cc-m-download-link:focus, .j-formnew input[type="submit"]:focus, .j-googlemaps .cc-map-route-submit button:focus, .j-newsletterbox input[type="submit"]:focus, .cc-pagemode-overlay input.submitUser[type="submit"]:focus, .j-rss br + a[target="_blank"]:focus, #cc-checkout-gutter .cc-checkout-btn:focus {background-color: rgba(187, 11, 11, 0.99); border-color : rgba(187, 11, 11, 0.99);}
/*]]>*/
</style>

Ce code modifie plein d'autres petits trucs qui avaient la couleur prune, comme le panier etc. Je lui ai mis la couleur rouge de votre menu dans l'exemple, pour unifier. En ce qui concerne l'alignement à gauche, c'est compliqué parce que le bouton est aligné à gauche, et le texte "0 commentaires" est aligné au centre à l'intérieur de ce bouton aligné à gauche. Donc si on aligne le texte à gauche, il ne sera plus centré dans le bouton au survol de la souris.

[Charlotte SJ]

Merci, ça fonctionne très bien! Pour l'alignement, si c'est compliqué, on laisse tomber, c'est du détail et je vais voir pour organiser l'ensemble différemment.

Une autre chose m'ennuie sur cette page de blog: le soulignement des titres. Voilà ce que j'écris:
<style type="text/css">
/*<![CDATA[*/

div.blogselection h1 a,
div.post h1.post-title a {
text-decoration: none !important;
}
/*]]>*/
</style>


ce qui fonctionnait très bien sur l'ancien design et que j'ai eu le malheur d'enlever en faisant un peu de ménage.
Tout comme le soulignement des liens sous les photos dans la rubrique "albums", le code ne fonctionne plus:
<style type="text/css">
/*<![CDATA[*/
a:link,
a:visited {text-decoration: none; }
a:active {text-decoration: none; }
a:hover {text-decoration: none; }
/*]]>*/
</style>

J'ai l'impression que tout ce que j'avais laborieusement réussi à maitriser dans le 4245 n'est plus valable sur le nouveau design! C'est normal?
Merci...

[FilmsdeLover]

Oui, c'est normal. Chaque design a ses divs et donc ce qui marche pour les divs d'un design ne marche pas pour un autre design qui a ses propres divs.

Pour l'alignement, c'est "compliqué" mais si on aligne le "0 commentaires" sur la gauche, quand vous passerez la souris dessus, le "0 commentaires" ne sera plus aligné au centre de son bouton. C'est un choix esthétique à faire.

Pour le soulignement des titres, essayez ça :

Code:

<style type="text/css">
/*<![CDATA[*/
.j-blog .j-blog-meta .j-blog-header, .j-blogSelection .j-blog-header, .j-blog .j-blog-meta .j-blog-header h2, .j-blogSelection .j-blog-header h2 {text-decoration:none;}
/*]]>*/
</style>

[Charlotte SJ]

Parfait! plus de titres de blog soulignés. Merci!

J'ai beau me plonger dans les entrailles du site avec Firebug, je n'arrive pas à repérer les adresses des éléments pour les modifier, alors que j'y arrivais avant, avec mon peu de connaissances en informatique. Même que je trouvais ça marrant et j'étais pas peu fière. Alors que là, je suis obligée de vous demander les codes tout prêt, sans les comprendre, c'est frustrant!

Alors, pour les liens (comme par exemple les légendes des photos des albums) que je ne veux pas soulignés, comment faire?
Ce que j'aimerais, c'est que le lien change de couleur quand on le survole, tout simplement...
Merci...

[Contenu sponsorisé]