Which stack please

Hi

I would like a simular layout to https://www.overclockers.co.uk/ So header full width with the site layout boxed, I’m a little confused how to do this, I’ve been changing the stacks but can only seem to get one or the other in place at a time, please help, it’s been hours now!

Thanks

Ben

Ok I did it but please how can I adjust the colour of the “Light” design please? I guess this will need some sort of custom css?

Thanks

Brn

Hi Maik,

Thank you for writing in,

To set the full-width header and footer, please navigate to Theme Options > Layout and Design

  1. Set the Site layout full-width
  2. Set the Site Max width 650px to 800px.
  3. Set the Site width as per your design
  4. Content Layout full-width
    Screenshot here

Thanks

Hi thsnks

Ok I did it but please how can I adjust the colour of the “Light” design please?

I can only select “Light” or “dark” for the background though, Lets say I wanted blue, how could I change this please?

Thanks

Ben

Hello Ben

It seems that you have set Stack as Integrity. Regretfully there is no option to add a custom background colour You need to add custom CSS under X--->Theme Option --->CSS

header.masthead.masthead-inline {
background: #0e60c5;
}    

Please feel free to change the colour code as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

Thats just what I needed thank you so much for taking the time. I had know idea of the name of the element to target.
Thank you

Hello @SussexChef,

Glad that we were able to help you.

Have a great day!
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.