Fullscreen Row Backgrounds

  • Author
    Posts
  • #144482

    Hello! I am using Anemone theme with Beaver Builder plugin for page building. I am trying to set fullscreen backgrounds for rows – colors and images. Even in the theme Wide layout mode, it seems their is still a max width that does not go “fullscreen.” Can this be adjusted? See this page >> https://chemcoveconsulting.wpcomstaging.com/ Overall site background is white, and light blue / gray areas do not span full screen.

    The blog I need help with is chemcoveconsulting.wpcomstaging.com.

    #144499

    designorbital
    Theme Author

    Hi,
    Yes, Fullwidth template maintains the content according to site layout. However, please try the following CSS Snippet to make it 100%.

    
    .page-template-page-templatesfullwidth-page-php.page-id-2 .site-content .container {
      width: 100%;
    }
    

    I have written above code according to your page whose id is 2. So, it will not reflect other pages who has full width template.

    Thanks

    #144574

    Great! Can you write code to apply to all the website pages? Or would you advise that I just replicate your CSS Snippet for each page / page id? The fullscreen width is something I would like use site-wide.

    #144610

    designorbital
    Theme Author

    Hi,

    It is better to target the specific pages where you want to have full width like this.
    Hope it will help you.

    Thanks

The topic ‘Fullscreen Row Backgrounds’ is closed to new replies.