Partage
  • Partager sur Facebook
  • Partager sur Twitter

Mettre en page en full width dans un container -WP

full width container

    18 mars 2020 à 16:53:21

    Bonjour,

    Je suis actuellement en train de mettre en forme un site internet sous wordpress et en rentrant dans le code afin d'en modifier l'apparence, il y a quelque chose que je ne m'explique pas en CSS.

    Toute les pages sont entourées par un div ayant la class "wrapper". Cette class a pour propriété max-width:1170px;

    Or il y a des balises div sur ma page d'accueil qui sortent de ce wrapper. En effet, mon slider par exemple est en pleine page (donc 100% de la page) alors qu'il est contenu dans le wrapper.

    Au début, je pensais que cela venait d'un comportement lié aux propriétés css "flex" (que je ne maitrise pas bien) mais en aucun cas, un flex permet de sortir du cadre d'après mes lectures.

    Merci pour vos éclairages,

    Belle journée de confinement

    • Partager sur Facebook
    • Partager sur Twitter
      23 mars 2020 à 13:05:33

      Yop !

      Attention au padding de vos div ! malgré une largeur de 100% si celui ci comporte des padding de coter il dépassera de sont conteneur en additionnant les padding parasites.

      Peace

      • Partager sur Facebook
      • Partager sur Twitter

      Aide toi le ciel t'aidera.

      Mettre en page en full width dans un container -WP

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown