Comment mettre les contenus d’une page en pleine largeur ? (Créer un compte)

  • WordPress :5.7
  • Statut : hors support
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2381209
    VGAS
    Participant
    Chevalier WordPress
    154 contributions

    Bonjour,

    Ma configuration WP actuelle :

    – Version de WordPress : 5.7.2
    – Version de PHP/MySQL : 7.4.19 / 5.5.5
    – Thème utilisé : OceanWP
    – Thème URI : https://oceanwp.org/
    – Extensions en place : Advanced Woocommerce Product Gallery Slider (1.0.0), Carousel Slider Block (1.0.2), Conditional Menus (1.1.9), Forum_wordpress_fr (4.2), Fullwidth Page Templates (1.1.1), GS Products Slider for WooCommerce Lite (1.5.8), iThemes Security (7.9.1), MaxButtons (8.6), myStickymenu (2.5.3), Ocean Extra (1.7.7), Ocean Stick Anything (1.0.6), Product Recommendation Quiz for eCommerce (1.1.2), Responsive Accordion Slider (1.0.5), Responsive Tabs (4.0.4), Slideshow SE (2.5.5), Smooth Scroll Page Up/Down Buttons (1.4), Speed Contact Bar (6.9.1), Sticky Buttons (2.1), Sticky Header OceanWP (1.0.5), Video Background (2.7.1), WooCommerce (5.4.1), WPB Product Slider for WooCommerce (2.0.9.0), WP Floating Menu (1.4.4)
    – Adresse du site : https://www.fciaquatechnology.re
    – Nom de l’hébergeur : Apache

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

    Bonjour. Ma configuration WP actuelle :
    – Version de WordPress : 5.7.2
    – Version de PHP/MySQL : 7.4.19 / 5.5.5
    – Thème utilisé : OceanWP
    – Thème URI : https://oceanwp.org/
    – Extensions en place : Advanced Woocommerce Product Gallery Slider (1.0.0), Carousel Slider Block (1.0.2), Conditional Menus (1.1.9), Forum_wordpress_fr (4.2), Fullwidth Page Templates (1.1.1), GS Products Slider for WooCommerce Lite (1.5.8), iThemes Security (7.9.1), MaxButtons (8.6), myStickymenu (2.5.3), Ocean Extra (1.7.7), Ocean Stick Anything (1.0.6), Product Recommendation Quiz for eCommerce (1.1.2), Responsive Accordion Slider (1.0.5), Responsive Tabs (4.0.4), Slideshow SE (2.5.5), Smooth Scroll Page Up/Down Buttons (1.4), Speed Contact Bar (6.9.1), Sticky Buttons (2.1), Sticky Header OceanWP (1.0.5), Video Background (2.7.1), WooCommerce (5.4.1), WPB Product Slider for WooCommerce (2.0.9.0), WP Floating Menu (1.4.4)
    – Adresse du site : https://www.fciaquatechnology.re
    – Nom de l’hébergeur : Apache

    Problème :

    Bonjour. Comment mettre les contenus d’une page en pleine largeur sans mettre toute la page en pleine page svp ?

    #2381248
    Broussaille
    Participant
    Chevalier WordPress
    351 contributions

    <div class= »bbp-reply-content »>

    Bonjour,

    a priori il faut regarder dans les réglages du thème :

    https://wpformation.com/oceanwp-le-mode-demploi/

    </div>

    #2381256
    VGAS
    Participant
    Chevalier WordPress
    154 contributions

    Comment mettre les contenus d’une page en pleine largeur sans mettre toute la page en pleine page svp ?

    #2381264
    Broussaille
    Participant
    Chevalier WordPress
    351 contributions

    Aucune idée…

    J’ai cherché avec l’inspecteur de Firefox et n’ai pas trouvé, si ce n’est avec la vidéo, en « enlevant » les réglages…(voir capture d’écran), mais cela décale les autres images…

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2381266
    Broussaille
    Participant
    Chevalier WordPress
    351 contributions

    Bon ce n’est pas très visible sur l’image… mais pas moyen de joindre un fichier « plus grand »…

    Après je ne comprends pas le souci de vouloir mettre le « contenu en pleine largeur, sans mettre la page en pleine largeur »…

    #2381277
    VGAS
    Participant
    Chevalier WordPress
    154 contributions

    Quand je mets la page en pleine page, les textes sont manger par les bords

    C’est pour cela que j’aimerais mettre que quelques contenus en pleine largeur (ex: la vidéo)

    #2381294
    Broussaille
    Participant
    Chevalier WordPress
    351 contributions

    Alors il faut mettre les pages en pleine largeur, puis jouer sur les « margin » des textes pour les « rétrécir », ou plus exactement les « contenir » dans les marges…

    http://oseox.fr/css/marge.html

    https://developer.mozilla.org/fr/docs/Web/CSS/margin

    https://www.pierre-giraud.com/html-css-apprendre-coder-cours/marge-externe-margin/

    Les textes étant des paragraphes, il faudra « jouer » sur les balises <p>, les titres sont des h1, h2, h3, etc…

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