Row width not going edge to edge in "full width"

Home Support Business Kit Row width not going edge to edge in "full width"

Tagged: 

This topic contains 11 replies, has 7 voices, and was last updated by  tantsteven 1 month ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1508

    lindaschneider33
    Participant

    I’ve tried setting the width of the row and the content box inside the row. I keep getting a partial width that ends up looking like a box, not full-width. Row not going full width

    Any suggestions? Thanks!

    #1509

    ProDesigns
    Keymaster

    Hi @lindaschneider33

    Can you please provide us your site URL?

    #1511

    lindaschneider33
    Participant

    Sure…just starting to build it. You can see the problem on the home page. https://fitnewsletters.com
    Thanks.

    #1529

    ProDesigns
    Keymaster

    Hi @lindaschneider33

    Please go to Appearance >> Customize >> Additional CSS and add following CSS

    .home .container {
        max-width: 100%;
    }

    Please let us know if this work.

    Thank you.

    #1531

    lindaschneider33
    Participant

    Thank you. That worked. Do you also have a code snippet to add padding to the left and right content of the header container? Now that it is full-width, the content is also full width. Just in the header & slider.

    #1535

    ProDesigns
    Keymaster

    Hi @lindaschneider33

    Please use following CSS to add padding at left/right and display content at center for header, slider and footer.

    #masthead .container,
    #main-banner .container,
    #footer-widgets .container {
        max-width: 1210px;
    }

    Thank you.

    #17500

    layase33
    Participant

    I’m also looking for the CSS code to add full width in my blog post.

    #17509

    layase33
    Participant

    I’m working on the mattresses reviews blog you can see here bestmattresses2021.com

    #17539

    Hello There!

    Hope you are doing good!

    We have checked the website and found out that it is not the theme provided by ProDesigns.com.
    Feel free to get in touch in case of any query related to ProDesigns’ themes.

    have a great day ahead!

    Regards,
    Team ProDesigns

    #18200

    jhonmusk12
    Participant

    Can you please provide us your site URL?

    #18339

    Haywood85
    Participant

    You need a full-width container element because the design has a background-color that goes from edge-to-edge. It’s not hard, it’s just that there are lots of considerations.

    #18413

    tantsteven
    Participant

    Set the left and right indents of the paragraph into which you insert the picture to negative values equal to the margins. You will also need to set the distance of the header/footer from the edge of the page to zero. All of that can be done by dragging on the horizontal or verical ruler. I can send you an example if you want. petdogsworld.com

    • This reply was modified 1 month ago by  tantsteven.
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.