Home Forums Themes Support Gecko Default Gray Overlay for Page Title Background

This topic contains 5 replies, has 3 voices, and was last updated by  Harry 2 years, 12 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1197

    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!

    #1199

    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

    #1231

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

    #1235

    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!!

    #1240

    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

    #1241

    @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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.