Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Changer la couleur de "Lire la suite"
  • Bonjour,
    Pouvez-vous me dire comment changer la couleur de "Lire la suite" .
    Actuellement elle est bleue.
    Merci
  • Bonsoir
    cherche





    .button {
        background: -moz-linear-gradient(center top , #13c4ff 5%, #14a1ff 100%) repeat scroll 0 0 #13c4ff;
        border: 1px solid #17a5d4;
        border-radius: 4px;
        box-shadow: 0 1px 0 0 #13c4ff inset;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        padding: 3px 10px;
        text-decoration: none;
        text-shadow: 1px 1px 0 #13c4ff;
        transition: color 200ms ease 0s;


    ton lire la suite est blanc  color: #fff;

    le bouton est un dégradé de bleu que tu peux changer ou j'ai surligner en gras (noir)

  • Merci Mehdi
    J'ai pu changer les couleurs.
    Maintenant peux tu me dire comment changer la couleur des boutons devant accueil, catégories, albums...
    Ils sont bleus avec une flèche blanche.
    Avec tous mes rmerciements !


  • bo,jour il s'agit d'une petite image qui se trouve ici

    #menu a {
        background: url("http://assets.over-blog-kiwi.com/t/photofolio/images/menu_marker.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
        color: #fff;
        display: block;
        font-size: 16px;
        max-width: 100%;
        overflow: hidden;
        padding-left: 18px;
        text-decoration: none;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;

    ______________

    clique ici pour la voir

    http://assets.over-blog-kiwi.com/t/photofolio/images/menu_marker.png

    tu change sa couleur avec photofiltre ou equivalent.......tu héberge la nouvelle image et tu remplace donc son adresse dans le code
  • Bonjour Mehdi,
    C'est bon j'ai réussi à changer la couleur,
    je vais essayer de mettre vraiment celle que je veux !
    Grand merci pour ton aide , c'est super !
  • bonjour,
    si tu veux centrer le texte en accueil (test pour voir si cela te plait)





    .post .snippet {
        margin-bottom: 20px;
        max-height: 80px;
        overflow: hidden;
        text-align: center;

    tu ajoute:
    text-align: center;

    _________________

    si le texte centré te plait..tu peux centrer les bouton "lire la suite" en ajoutant une marge gauche de 60 px


    .button {
        background: -moz-linear-gradient(center top , #66cc66 5%, #339933 100%) repeat scroll 0 0 #339933;
        border: 1px solid #000000;
        border-radius: 4px;
        box-shadow: 0 1px 0 0 #13c4ff inset;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        margin-left: 60px;
        padding: 3px 10px;
        text-decoration: none;
        text-shadow: 1px 1px 0 #13c4ff;
        transition: color 200ms ease 0s;


    les 2 modifications donneront


    http://img.over-blog-kiwi.com/1/18/77/42/20141125/ob_ed3fc8_image-2.png
  • Cela me plait beaucoup, c'est plus esthétique ! merci beaucoup.
    J'ai fait les modifs !
    Je ne voudrais pas abuser, mais comment réduire la taille de : archives, à propos, articles récents ?
    Et puis si tu as d'autres idées pour améliorer mon blog, c'est avec grand plaisir que je les accepte.
    Merci , merci , pour ton aide
  • cherche

    .widget h3 {
        color: #fff;
        font-size: 2.143em;
        letter-spacing: -1px;
        margin-bottom: 20px;
        padding: 0;


    et met: 1.143 em  (tu peux varier la valeur)

    "em" étant une valeur différente du pixel correspondant a un pourcentage car elle s'adapte au navigateur du visiteur selon son reglage


    .widget h3 {
        color: #fff;
        font-size: 1.143em;
        letter-spacing: -1px;
        margin-bottom: 20px;
        padding: 0;

  • du coup, certain texte en dessous dans les widget en bas sont un peu grand (ceux en vert)


    .widget .last-post .title {
        display: block;
        font-family: "Arial",Georgia,Times New Roman,serif;
        font-size: 26px;
        font-weight: normal;
        line-height: 35px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;


    test en passant a 18 px ou légèrement plus
  • J'ai fait toutes les rectifications que tu m'as conseillées.
    Qu'en penses-tu ?
    Merci
  • bonsoir,

    c'est mieux en effet