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] Changement couleur cases bleues
  • bonjour

    J'aimerais remplacer la couleur bleue des cases "lire la suite" et des cases indiquant le nombre d'articles par catégories.
    J'ai cherché sur le forum une réponse mais sans succès.


    Merci pour votre aide
    bon week end
  • Bonjour,

    les 2 bleus du lire la suite sont ici: (un plus foncé et un plus clair au passage de la souris)

    cherche:

    .articles a.readmore, .ob-input-submit, .sidebar .number {
        background: linear-gradient(#24578e 0%, #133d6e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }


    Le premier  #24578e change aussi la couleur du fond du nombre d'article de la catégorie

    _______________


    La couleur des chiffres (blanc actuellement)  des catégories est ici


    .sidebar .categories .number {
        color: #ffffff;
        float: right;
        font-family: 'Montserrat',Arial,sans-serif;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;


  • Bonjour Book recettes,
    Si sa peut t'aider moi j'ai remplacé :

    .articles a.readmore,
                .ob-input-submit,
                .sidebar .number  {
                    background-color: #F82A28;
                    background: -moz-linear-gradient(#F82A28 0%, #314d65 100%);
                    background: -webkit-linear-gradient(#3c688c 0%, #314d65 100%);
                    background: -o-linear-gradient(#3c688c 0%, #314d65 100%);
                    background: -ms-linear-gradient(#3c688c 0%, #314d65 100%);
                    background: linear-gradient(#F82A28 0%, #314d65 100%);
                }

    Par cette simple ligne tout dépend aprés si tu souhaite un dégradé dans mon cas c'est sans.

    .articles a.readmore,
                .ob-input-submit,
                .sidebar .number  {
                   background: linear-gradient(#F43129 0%, #F43129 100%) repeat scroll 0% 0% transparent;

    Lorsque tu passe dessus j'ai remplacé ça : .articles a.readmore:hover,
                .ob-input-submit:hover  {
                    background-color: #F82A28;
                    background: -moz-linear-gradient(#b22222 0%, #314d65 55.63%);
                    background: -webkit-linear-gradient(#b22222 0%, #314d65 55.63%);
                    background: -o-linear-gradient(#b22222 0%, #314d65 55.63%);
                    background: -ms-linear-gradient(#b22222 0%, #314d65 55.63%);
                    background: linear-gradient(#F82A28 0%, #314d65 55.63%);
                }

    Par ça :

    .articles a.readmore:hover,
                .ob-input-submit:hover  {
                    background: linear-gradient(#F43129 0%, #F43129 100%) repeat scroll 0% 0% transparent;

    Bien évidemment tu change les codes couleur, n'hésite pas si tu veux d'autres modif'.


    :)>-
  • Bonjour,

    Je tiens à remercier vivement Medhi et Cosyhouse pour l'aide précieuse qu'ils m'ont apporté.
  • Pas de quoi ;)