Dazzling Theme - Problème avec flexslider

Bonjour,

J'ai un soucis avec un thème Wordpress : Celui-ci pour que vous compreniez la suite.
Au rafraîchissement / à l'ouverture, tout le contenu de mes posts se retrouve derrière le slider.
Puis, lorsque je redimensionne ou que je clique sur la page, tout redeviens normal.

J'ai fouillé un peu et j'en suis là :

Quand ça ne marche pas j'ai :

Code:

---

1 2	<div class="flexslider" style="height: 0px;"> element.style { height: 0px; }

---

Quand ça marche j'ai :

Code:

---

1 2	<div class="flexslider" style="height: 538px;"> element.style { height: 538px; }

---

J'ai créé ces deux posts pour savoir si il y a des retours :
https://colorlib.com/wp/forums/topic...ic/#post-22170
http://webapps.stackexchange.com/que...ling-theme-bug

J'ai trouvé aussi pas mal de ressources sur ce problème sur notre ami Google, mais sans pour autant comprendre : Voilà la recherche en question.

Tout le code est ici :
https://github.com/puikinsh/Dazzling/


Et je n'ai rien modifié qui (je pense) touche au slider. J'ai simplement effectué les modifications suivantes :

Citation:

---

index.php -> Suppression de <?php get_sidebar(); ?> en avant dernière ligne -> Pour enlever la sidebar en homepage

style.css : Ajout de width: 100% dans body (premier du fichier)

index.php : suppression de col-md-8 dans Modèle de page d'accueil () =><div id="primary" class="content-area col-sm-12 col-md-8 <?php echo of_get_option( 'site_layout', 'no entry' ); ?>">

style.css : .navbar > .container .navbar-brand -> font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif et 45px et couleur 1FA67A par FFF

style.css : #content -> Ajouter border-***

style.css : .entry-title a -> Remplacer #444 par color: #54a891 puis ajout de font-family: Cambria et font-variant-caps: small-caps;

style.css : h1 -> color: #54a891; font-family: Cambria; font-variant: small-caps;

style.css : entry-title > color: #444; par color: #1fa67a;

---

Maintenant je fais appel à vous ! Ma chère communauté française,

Have fun.
N'hésitez pas à proposer tout ce qui vous passe par la tête !

JayGr

Citation:

---

Envoyé par JayGr

Quand ça ne marche pas j'ai :

Code:

---

1 2	<div class="flexslider" style="height: 0px;"> element.style { height: 0px; }

---

Quand ça marche j'ai :

Code:

---

1 2	<div class="flexslider" style="height: 538px;"> element.style { height: 538px; }

---

---

Je ne sais pas d'où viennent ces 2 codes ni qui les a créés. Mais la différence vient effectivement du height qui doit être à 538px car le height: 0 signifie que la hauteur de la div est nulle: ce qui veut dire que le contenu est "tassé" en haut de la division.
Il faudrait ajouter pour cette section une div container qui aurait la hauteur de 538px, ce qui fait que si height varie (même tout seul) cela n'empêcherait pas le contenu de s'afficher correctement.8-)

Citation:

---

Envoyé par miss_socrates

Je ne sais pas d'où viennent ces 2 codes ni qui les a créés. Mais la différence vient effectivement du height qui doit être à 538px car le height: 0 signifie que la hauteur de la div est nulle: ce qui veut dire que le contenu est "tassé" en haut de la division.
Il faudrait ajouter pour cette section une div container qui aurait la hauteur de 538px, ce qui fait que si height varie (même tout seul) cela n'empêcherait pas le contenu de s'afficher correctement.8-)

---

Hello,

Merci de ta réponse, ce code vient de la page finale.
Mais du coup je ne sais pas comment le modifier, là est toute la problématique :D

@+

Il faut déjà enlever le code suivant:

Citation:

---

Envoyé par JayGr

Code:

---

style.css : .navbar > .container .navbar-brand -> font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif et 45px et couleur 1FA67A par FFF

---

---

Sinon , il doit bien y avoir un fichier style.css situé dans le thème et accessible par FTP ? Là il suffit de modifier la hauteur du container.