Default Gray Overlay for Page Title Background

[SweetDay]

Hi guys!

I’m trying to customize the background for the page title. There seems to be a default gray overlay on top of the background image (which I have designated through the “featured image” selection). Is there a way to remove that overlay or change it to a white overlay?

Also, in the topbar there is a default gray colored font. I haven’t been able to identify how to change that color.

Thanks for you help and for an awesome theme!

[Harry]

Hi,

1. You can change default gray overlay on page title by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.page-head:before { background: rgba(0, 0, 0, 0.4) ; }

And change “0,0,0” with your RGB code , “0.4” in (0.0 – 1.0) as 40% of opacity.

2. For  top bar background color and text color you can change in JanStudio > Theme Option > Color Scheme > Header Color > Header Top Background, Header Top Color

Best regards!

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[kbcoulter]

Hi.   My child themes CSS isn’t overwriting anything from my parent CSS.  Am I doing something wrong?  Can you take a look please

[SweetDay]

The code worked perfectly. Thank you!

One more question 🙂 Where can I change the text color for the page title. I’ve tried different things in the header section under theme options, but I haven’t found it yet. Thanks!!

[Harry]

Hi, @kbcoulter. Can you send us your website link and temporary as private reply. We will check and help you solve

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

@sweetday you can add custom css code

.page-head h1, .page-head p, .page-head a { color: #fff;}

and change #fff with your color code

Best regards!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts