Change background colour of the Main Menu with Stack: Center header

webbabe

Tried everything I could think of but I cannot change the header background color on category pages or posts.

I use Stack: Center as header.

I have sent you the URL through codecanyon.

Pablo

Hi,

Be sure that you set

1) Theme Options > Colors > General

Theme Skin as Custom Skin

http://prntscr.com/jx5g0c

2) Theme Options > Colors > Header

Top bar left | background as your color

http://prntscr.com/jx5i3k

Please send a link to your website here if this won't work

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

I also tried and checked that but unfortunately it doesn't work.

I have already sent the url via PM at codecanyon, with a referal to this post

Pablo

Which pre-built website do you use?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

hi there,

hairdresser

Pablo

Please follow my steps:

1) Theme Options > Global > General - and turn OFF Transparent Header and Top Bar with menu

http://prntscr.com/jxhe74

2) Theme Options > Global > General on bottom, you'll have sticky header option, make it "The same as Top Bar Left background"

http://prntscr.com/jxhesj

3) To change color, do my steps from answer before, point nr. 2

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

Thank you so much, i was not exactly what I meant but I now understand how to get it done! 

It has to do with the transparant Top bar setting.

Thanks again, you made my day  :-)

webbabe

One final question: is it also possible to have an image as background in the topbar of post categories and posts?

Pablo

If you want to have it only in post categories and posts

you have to use Custom CSS code.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

No, i want it at pages as well, except for the homepage, which uses a slider in that position.

At this moment the image already shows on pages, but I can get it to show on post categories or posts

Pablo

Hi,

Please use this Custom CSS code and tell me if this is what you wanted to achieve.

If not, please describe me it in screenshots.

body.page-id-69 #Header #Top_bar:not(.is-sticky) {
background:transparent !important;
}

body #Header #Top_bar:not(.is-sticky) {
  background-image:url('YourPathToImage') !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

Thanks Pablo, that's exactly what I mean!