Boxed Layout + Changes to Top Bar & Logo Area, etc.

Hey Moondreamer21,

I think it should be possible, but you would have to add specific CSS for each page. Which pages are you looking to target?

Best regards,
Rikard

Hi,
This css will give your page a boxed layout with the background-image:

.html_entry_id_983 header#header,.html_entry_id_983 div#header_meta,.html_entry_id_983 div#header_main { 
max-width: 70% !important; margin: 0 auto;
}
.html_entry_id_983 #wrap_all { 
max-width: 70% !important; margin: 0px auto !important; 
}
html.html_entry_id_983 { 
background: url("https://www.barrelracingtips.com/wp-content/themes/socrates/background-images/bodybg.jpg") #222222 !important; 
}

The only problem is that your header has too much in it for the width. You could change the “Page Attributes > Template” option for the page to “Blank – No Header, no Footer” and create a custom image to use at the top for your header, like your landing page example uses.
Or you could use this css to give the main body of your page a boxed layout and leave the header full width:

.html_entry_id_983 #main { 
max-width: 70% !important; margin: 0px auto !important; 
}
html.html_entry_id_983 { 
background: url("https://www.barrelracingtips.com/wp-content/themes/socrates/background-images/bodybg.jpg") #222222 !important; 
}

Best regards,
Mike

Hi,
Please try this css:

#top.page-id-983 #header {
display: none !important;
}

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

#top.page-id-983 .container_wrap.title_container {
display: none !important;
}
.html_header_top.html_header_sticky #top.page-id-983 #wrap_all #main {
    padding-top: 0px!important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike