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

Viewing 3 reply threads
  • 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

      • #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

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

      • #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 3 reply threads

You must be logged in to reply to this topic.