Position du logo / theme Aqueduct (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #558167
    lattachepresse
    Membre
    Padawan WordPress
    77 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : dernière
    – Version de PHP/MySQL :
    – Thème utilisé : aqueduct
    – Extensions en place :
    – Nom de l’hebergeur : 1&1
    – Adresse du site : http://www.lattachepresse.com

    Problème(s) rencontré(s) :

    Bonjour tout le monde,
    Après des jours de recherche, je trouve enfin un theme gratuit qui me plait.
    Petit problème, je ne parviens pas à grossir un peu le logo sans le faire depasser sur le menu….
    Ou bien passer le logo au dessus et le centrer, ainsi que le menu….

    Voici ce que je trouve dans style.css

    5.0 Navigation
    ————————————————————–*/
    .main-navigation ul a {
    text-decoration:none;
    }
    .main-navigation ul {
    list-style:none;
    }
    .main-navigation ul {
    position:relative;
    margin:0px;
    padding:0px;
    z-index:9999999999999999999999;
    }
    .main-navigation ul ul li:hover {
    background: rgba(0, 0, 0, 0.1);
    }
    .main-navigation ul ul li a:hover {
    background: rgba(0, 0, 0, 0.11);
    }
    .main-navigation ul li {
    font-weight: 700;
    float: left;
    zoom: 1;
    text-transform: uppercase;
    font-size: 14px;
    }
    .main-navigation ul a:hover {
    color:#000;
    }
    .main-navigation ul li a {
    display: block;
    color: #fff;
    padding: 12px 18px;
    padding-top: 13px;
    }
    .main-navigation ul li:last-child a {
    border-right:none;
    }
    .main-navigation ul li:hover {
    position:relative;
    }
    .main-navigation ul li:hover a {
    color:#fff;
    }
    .main-navigation ul ul {
    width:220px;
    visibility:hidden;
    position:absolute;
    top:100%;
    left:0;
    margin:0;
    padding:0;
    }
    .main-navigation ul ul li {
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid rgba(200, 200, 200, 0.2);
    float: none;
    }
    .main-navigation ul ul li a {
    border-right:none;
    width:100%;
    display:inline-block;
    }
    .main-navigation ul ul ul {
    left:100%;
    top:0;
    }
    .main-navigation ul li:hover > ul {
    visibility:visible;
    }
    .main-navigation ul .sub-menu li {
    text-transform: none;
    }
    .menu-footer,
    .menu-footer ul,
    .menu-footer ul li,
    .menu-footer ul li a,
    .menu-footer{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999999;
    }
    .menu-footer:after,
    .menu-footer > ul:after, .menu-footer .menu > ul:after{
    content: « . »;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    .menu-footer #menu-button {
    display: none;
    }
    .menu-footer > ul > li, .menu-footer .menu > ul > li{
    float: left;
    }
    .menu-footer > ul > li > a, .menu-footer .menu > ul > li > a{
    padding-left: 15px;
    padding-bottom: 17px; font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    }
    .secondary-navigation ul li+li a:before {
    content: « / »;
    padding-right: 15px;
    color: #C0C0C0;
    }
    ul.sub-menu li a:before {
    content: none !important;
    }
    .menu-footer ul ul {
    position: absolute;
    left: -9999px;
    }
    .menu-footer ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    }
    .menu-footer li:hover > ul, .menu-footer .menu li:hover > ul{
    left: auto;
    }
    .menu-footer li:hover > ul > li, .menu-footer .menu li:hover > ul > li{
    height: 35px;
    }
    .menu-footer ul ul ul {
    margin-left: 99%;
    top: 0;
    }
    .menu-footer ul ul li a {
    border: 1px solid #333;
    padding: 11px 15px;
    width: 170px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    background: #fff;
    }



    #bottom-navigation {
    float: right;
    }

    J’ai vraiment besoin d’un coup de main,
    a bon entendeur 🙂

    A très vite!

    #1036351
    lattachepresse
    Membre
    Padawan WordPress
    77 contributions

    Bien entendu, j’ai tenté de modifier la taille de l’image (du logo) et ça ne fonctionne pas!

    #1036352
    lattachepresse
    Membre
    Padawan WordPress
    77 contributions
    .site-branding {
    float: left;
    height: 79px;
    width: 400px;
    }
    .site-branding img {
    max-width: 400px;
    height: 79px;

    Et voilà ce que j’ai trouvé sur l’image du logo.
    Quand je grossis les dimensions, tout se décale c’est pas jojo…

    #1036353
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Bonsoir,

    header#masthead {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 20px;
    padding-top: 20px;
    }

    Vous pouvez modifier le padding-bottom ou le padding-top …

    Ne pas oublier de faire un thème enfant, afin de ne pas perdre vos modifications, suite à la prochaine mise à jour de votre thème.

    #1036354
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonsoir.

    Essaies comme ça

    .site-branding img {
    width: 60%;
    height: auto;
    }

    🙂

    #1036355
    lattachepresse
    Membre
    Padawan WordPress
    77 contributions

    Super ça fonctionne parfaitement avec 60%
    et bien entendu pour le theme enfant 🙂

    Un grand merci à vous deux, excellente soirée!

    #1036356
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Si cela te convient il faut afficher ✅

    🙂

    #1036357
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Mouai!! Il me semble tout de même qu’il faut augmenter un tout petit peu la marge du bas (esthétique).

    Pour info (facultatif) le code (mentionné ci-dessus) se situe à la ligne 1081 du fichier style.css.

    #1036358
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    @PhiLyon je ne veux pas être de mauvaise foi, mais sur une mini tablette le logo se superpose sur le menu. Je n’ai pas testé sur un natel.

    #1036359
    lattachepresse
    Membre
    Padawan WordPress
    77 contributions

    Pour info, après mise à jour du thème, je retrouvais le même problème (pourtant j’ai bien travaillé sur thème enfant)
    J’ai réussi à trouver une solution en rajoutant un padding top et un padding bottom ici:

    .site-branding {
    float: left;
    height: 79px;
    width: 400px;
    padding-top: 0px;
    padding-bottom: 130px;
    }

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.