Home Forums Weaver Xtreme Theme Expanding boxes to full width

This topic contains 2 replies, has 2 voices, and was last updated by  scrambler 2 weeks, 1 day ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #61759

    ROBIN
    Participant

    Hello
    I am using subtheme Plain full Width and I have the Site set to Stretched expand to full width.

    The site is wilsoncarpetrepair.com

    I have put the following into the page CSS on the Welcome Page
    .box {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    background-color:#2e417d;
    color:#FFFFFF;
    width:100%;
    padding:15px;
    margin:10px;
    border:0px solid #000000;}

    Can you tell me why my boxes are not going full width like the footer? I am sure it is just some small issue, but I am perplexed.

    Thank you in advance for any help you can give me.

    #61760

    ROBIN
    Participant

    To further explain, I want the colored background to go full width and the wording to be as it is now.

    #61761

    scrambler
    Moderator

    Read the article below, section named D) Advanced Customization > Using your own HTML, to understand how to make a container expand to full width.

    https://guide.weavertheme.com/full-width-design/

    Basically just add the class wvrx-fullwidth to your Container div

    Using width:100% will only make it use 100% of its parent container, making it expand beyond that requires more elaborate CSS that will be triggered by the use of the class as explained in the article

     

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.