Global Setting applying to Pages but not Posts

BB Theme
1

I am trying to make it so that I have my rows going full width across my site on both pages and posts. I have accomplished getting to to be full width on the pages, but the posts still have padding on either side of the rows even though the settings are geared towards full width.

2

Hey Carter,

Welcome to BB forums! :slight_smile: Do you mind sharing the URL of the site in question so we can take a look? You can use the private reply option below.

Thanks!

KC

3

[Content Hidden]

4

Hey Carter,

The CSS snippet below should do the trick! :slight_smile:

.single .fl-page-content > .container {
  width: 100%;
}

Ben

5

Hey Ben,

Do I put that CSS in the blog post CSS section? the full width is working on my pages, just not on the posts

thanks

6

Hi Carter,

Copy and paste the CSS provided by Ben into your custom CSS via either your child theme style.css or in the Customizer > Code > CSS Code.

All the best,
Danny

7

I copied the CSS like Danny said but still no luck. the blog post still has padding on either side :frowning:

8

Nevermind, I was putting it in the wrong place… I got it now! thank you!

Is there a way I can add in code to make the row start at the very top of the screen as well?

One last question… will this mess up or conflict with future updates?

9

Hey Carter,

Not really sure what you mean there. Your row is starting at the top of the screen. Do you mind sharing a screenshot of what you meant so we can check? You can upload images to imgur, then paste the link here.

One last question… will this mess up or conflict with future updates?

It won’t, so long as you place it under the CSS Code section in the theme customizer. :slight_smile:

Ben

10

Here is what I am talking about Ben

There is still padding at the top of the pages for posts

http://imgur.com/jvaSlBm

11

Gotcha! Didn’t notice you added a negative top margin on your first row. Try adding the CSS snippets below and see if it works.

.single.fl-builder .fl-content {
  margin: 0 0 40px;
}
.single.fl-builder .fl-post-header {
  margin-bottom: 0;
}

This will only affect Single Posts that are using the builder. :slight_smile:

Ben

1 Like
12

This worked Ben!

Thanks man!

13

Hey Carter,

No worries at all and glad I could help! Enjoy BB! :slight_smile:

Ben

14

[Content Hidden]

15

[Content Hidden]

16

[Content Hidden]

17

[Content Hidden]

18

Glad it was just a fluke and you figured it out! Have fun with BB! :slight_smile:

Ben

19

[Content Hidden]

20

Hi Carter,

Can you try the following CSS, please.

.single .fl-page-content > .container {
  padding-left: 0;
  padding-right: 0;
}

Also, what do you mean by Fixed Header option doesn’t want to work anymore. When I scroll on your site, I see a your header.

CloudApp

Thanks,
Danny