Full width content for brooklyn theme

General Discussions
1

Hi, currently im using brooklyn theme. how can i make the contents I’m building using page builder to be full width?

Thanks.

2

Hey Terence,

Welcome to the BB forums! :slight_smile:

Do you mind sharing the URL of the site so we can take a look?

Ben

3

godatwork.org.sg

4

Hey Terence,

The CSS snippet below will make the container and content go edge to edge for the homepage.

.fl-builder #main-content .grid-container {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.fl-builder #main-content .grid-container .grid-75 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
}

I’ve noticed though that each page has different grid widths so you may want to set all content to be 100%.

Ben

5

thank you so much for your help. it works! appreciate your kind support. by the way, forgive me since im not to familiar with coding that is why i buy the beaver builder… if you don’t mind, can i ask how can i set other pages grid widths to 100% thanks. thanks…

6

Hey Terence,

No worries! You don’t need coding for that, and I was just assuming since the other pages were using a different grid. My assumption is that, your theme has the ability to change the width of its pages through a setting. Maybe check with the theme documentation or ask the developers directly. Anyway, glad the code above is working for you! Enjoy BB! :slight_smile:

Ben