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] modifier le module taille couleur?
  • Dora SélaDora Séla
    bonjour
    Sur elegant press je voudrais modifier le module qui se trouve à droite de tout article.
    Est ce possible de le placer en bannière juste au dessous du menu? Comment?
    Sinon réduire sa largeur? Sa couleur?
    Quelles sont les lignes du code à modifier?
    Merci
    http://doraselactrice.over-blog.com/
  • Mehdi.Mehdi.
    bonjour

    c'est possible mais assez technique il faut intervenir sur le code en ajoutant un module sous la banniere

    il y a un fil à se sujet sur la FAQ de ce forum



  • Dora SélaDora Séla
    Bonjour
    Merci pour les lien je ne l'avais pas vu dans la faq il n'existait plus. je m'y attèle...
    J'ai réussi à modifier la taille mais pas la couleur ni l'emplacement. Il faut ajouter position: under menu?
    Du coup j'ai rallongé la taille mais les dimensions varient entre les sections....
    Je vais chercher encore.. Merci
  • Mehdi.Mehdi.
    Bonsoir

    concernant l'ajout d'un module sous bannière, je te conseil d'ouvrir un blog test avec le meme thème....tu fais tes essais et quand c'est bon tu copie/colle sur le code du blog principal

    concernant ton menu horizontal en haut, je me penche demain ou lundi sur les lignes de code ou intervenir  ;)


  • Mehdi.Mehdi.
    me revoila

    alors:

    ce qui tu a actuellement

    .nav a {color: #333 !important; }

    couleur noir du texte actuel (accueil- contact)...change le code couleur si tu veux changer la couleur du texte du menu

    _________

    ici le code du menu

    .menu {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #7f7f7f;
        background-image: none;
        background-origin: padding-box;
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: repeat;
        background-size: auto auto;
        border-bottom-color: #fefefe;
        border-bottom-style: dashed;
        border-bottom-width: 4px;
        border-top-color: #fefefe;
        border-top-style: dashed;
        border-top-width: 4px;
        font-size: 17px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        text-align: center;
        text-transform: uppercase;
        width: 1000px;
        z-index: 100;
    }


    Explication:  

    background-color: #7f7f7f;

    c'est le fond gris de ton menu

    ___________

    border-bottom-color: #fefefe;
    border-top-color: #fefefe;
    border-top-style: dashed;

    se sont les pointillés haut et bas du menu

    dashed: pour definir un "pointillé" ,si on veut une ligne on met "solid"

    ____________


    soit tu modifie directement les code couleur du menu


    mais il est mieux d'ajouter ces lignes modificative (aprés avoir choisi bien sur tes couleurs) avant la dernèire balise style de ton css elegant press


    Pour elegant press tu la trouve ici (ligne 1694 environ)


    image




    ainsi pus tard si tu su^prime ces lignes tu retrouve ton menu initial


  • Mehdi.Mehdi.
    donc avant style tu peux ajouter et enregistrer:

    .nav a {color: #333 !important; }

    menu {

        background-color: #7f7f7f;
        border-bottom-color: #fefefe;
        border-bottom-style: dashed;
        border-top-color: #fefefe;
        border-top-style: dashed;
       
    }


    ____________

    Tu a bien sur modifier les codes couleurs auparavant car la se sont tes couleurs actuels.


  • Dora SélaDora Séla
    ok là c'est devenu clair et plus complet.
    Je vais essayer avec le blog test.
Rédiger un commentaire