Position du logo / theme Aqueduct

Statut : non résolu

Ce sujet contient 9 réponses, 3 participants et a été mis à jour pour la dernière fois par lattachepresse, le il y a 9 années et 3 mois.

10 sujets de 1 à 10 (sur un total de 10)

Auteur

Messages
7 janvier 2016 à 19 h 13 min #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!
7 janvier 2016 à 19 h 14 min #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!

7 janvier 2016 à 19 h 19 min #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…
7 janvier 2016 à 19 h 27 min #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.
7 janvier 2016 à 19 h 34 min #1036354
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Bonsoir.

Essaies comme ça
```
.site-branding img {
  width: 60%;
  height: auto;
}
```
🙂
7 janvier 2016 à 19 h 41 min #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!

7 janvier 2016 à 19 h 44 min #1036356

PhiLyon
Modérateur

Maître WordPress
28252 contributions

Si cela te convient il faut afficher ✅

🙂

7 janvier 2016 à 19 h 50 min #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.

7 janvier 2016 à 20 h 09 min #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.

1 février 2016 à 14 h 36 min #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;
}
```
Auteur

Messages