Padding or margin issue.

at I cannot get header image to fill box.
Billy said to post it here. It should be clear.


[Content Hidden]

Hey Jon,

Thanks for getting in touch! You can add this CSS snippet and it should fix you right up!

.fl-page-header-primary .container {
  width: auto;
  padding-left: 0px;
  padding-right: 0px;


The ‘box’ size is 1100px wide.
How can this be changed?
Thanks guys,

Hey Jon,

Unfortunately, there is no way to do so using the Theme Settings. But you can override it using custom CSS. You can use this CSS snippet but be sure to adjust the both the width values to avoid responsiveness issues. You may have to add other media queries as well.

@media (min-width: 1200px)
body .fl-page {
  width: 1100px;

Hope this helps!


So is the box always set to 1100px wide?
If I know this, I can work around it.
It might be a good global option to add to the theme settings, if possible.

Hey Peck,

Yes, the boxed layout is always set to that. That would be a good Feature Request. You can head over to our User Voice Forums to suggest that. But for now, you can use the custom CSS above to override that.