Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1765716
how do i adjust mainmaenu background opacity
Closed

Comments

  • sosweeter started the conversation

    how do i adjust mainmaenu background opacity? I want to make it look like the one on the demo

  •  7,095
    Oliver replied

    Hi,

    pls. provide the wp-admin access, I need to see the page settings on your site.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • sosweeter replied

    Below are the admin login details to my website. I want to make the header look exactly like the one on the demo https://codex-themes.com/thegem/home/lawyer_1_1/#1470750366034-0635704b-c2d0


    http://oorlaw.co.ke/wp-admin

    username: technikal

    password: r3t39202

  •  7,095
    Oliver replied

    Hi,

    pls. check now, I've set check box "transparent menu on header" in the page options. 

    Add background color for the static menu you can with this css:

    .transparent-header-background {
        background-color: rgba(45,50,64,0.8)!important;
    }


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • sosweeter replied

    Hi Gregor

    I have checked it out, however i wanted it to look exactly like the demo https://codex-themes.com/thegem/home/lawyer_1_1/#1470750366034-0635704b-c2d0

    I have noticed when i add the header css you suggest below, it interferes with other website sections. see attachement

    .transparent-header-background {    background-color: rgba(45,50,64,0.8)!important;
    }
  •  7,095
    Oliver replied

    Hi,

    Sorry, you need to make it in the same colors? 

    About the css, my bad, use this one:

    #site-header .transparent-header-background {    
    background-color: rgba(45,50,64,0.8)!important;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • sosweeter replied

    I have applied the new CSS code, am requesting that you scroll to the price table section of the home page. It looks weird 

    #site-header .transparent-header-background {    
    background-color: rgba(45,50,64,0.8)!important;
    }



  •  7,095
    Oliver replied

    Pls. add this:

    .pricing-table-style-2 .pricing-row:nth-child(even) {
        background-color: #fff;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver