Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Full Width instead on Boxed Layout

Home Forums Support Full Width instead on Boxed Layout

  • This topic has 36 replies, 5 voices, and was last updated 5 years ago by Tom.
Viewing 7 posts - 31 through 37 (of 37 total)
  • Author
    Posts
  • #145790
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Can you link me to the site so I can take a look at why the above CSS isn’t working?

    Thanks! 🙂

    #145839
    Wayne

    Hey, thanks for the quick reply! I am coming in after the fact so trying to sort everything right now. It is on a dev server, and I will have to work on getting your IP whitelisted for you to see it via his IT guy. (Ridiculous, I know)

    Maybe this will help, here is the CSS in the clients custom CSS module. Maybe a conflict? Attached is also a screen grab of the customizer layout settings. Hopefully this is enough for you to sort it!

    Screenshot of settings: https://cloudup.com/cHLe-6zhF-S

    div.tab-content {
    	height: 200px;
    }
    
    div.inside-page-header h1 {
    	font-weight: bold;
    	font-size: 60px;
    }
    
    .header-hero h1 {
    	color: #fff;
    	font-size: 60px;
    	font-weight: 400;
    	text-align: center;
    	text-shadow: rgba(0,0,0,0.8) 0 2px 2px;
    	text-transform: none;
    }
    
    div.inside-page-header-container.inside-content-header.grid-container.grid-parent.vertical-center-enabled {
    	height: 500px;
    }
    
    .nav-float-right .main-navigation .main-nav ul li a {
    	line-height: 130px;
    	font-size: 16px;
    	text-transform: uppercase;
    }
    
    div.inside-site-info.grid-container.grid-parent {
    	font-size: 11px;
    }
    
    .inside-article {
    	padding-left: 0;
    	padding-right: 0;
    }
    
    body.grid-container {
    	width: 1755px !important;
    }
    #145933
    Tom
    Lead Developer
    Lead Developer

    It’s most likely this line:

    body.grid-container {
    	width: 1755px !important;
    }

    Any reason for it?

    #146083
    Wayne

    Hey Tom,

    Thanks for your replies. As for the above edit, not sure why it was in there (was already) but removing it had no effect. Also, I read earlier in the thread about changing the background color. The problem with changing the background color is that if the client is building rows with different colors (which he wants), it won’t look right. 🙁

    Any other ideas we there would be no change being seen?

    Thanks!

    #146105
    Tom
    Lead Developer
    Lead Developer

    Hmm, I’m afraid I’ll have to see it to know what’s going on.

    You can email me at support@generatepress.com for my IP if needed.

    Let me know 🙂

    #150556
    Wayne

    Hi Tom,

    Sorry for the late reply, stepped away from this project for a bit. I think I found the issue:

    https://www.wpbeaverbuilder.com/knowledge-base/full-width-rows/

    What is the selector for the content wrapper for GeneratePress?

    #155074
    Tom
    Lead Developer
    Lead Developer

    Not sure I missed this! Sorry about that.

    Try this:

    .fl-builder .container.grid-container {
        max-width: 100%;
    }
Viewing 7 posts - 31 through 37 (of 37 total)
  • You must be logged in to reply to this topic.