Home>Support>Menu Hover Transparent Colour

Menu Hover Transparent Colour

By Tim Slatter, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hey guys – how can I make the hover colour a degree of transparency?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Greg Priday
    Hi, I Work Here

    Hi Tim!

    Welcome to the forums ;) What are you trying to achieve with this transparency? Once I know this I’ll be able to try give you the best solution.

  2. 10 years, 10 months ago Tim Slatter

    Hey bro – I’m trying to change the flat white effect to a slightly transparent effect, if possible. I want to bring in the texture of the background.

    http://www.markweston.co.za/

  3. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Tim

    Try this under Appearance > Custom CSS, adjust as required:

    .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
background: rgba(255, 255, 255, 0.5) !important;
}

    For a break down of the RGBA value see the RGBA section: http://www.w3schools.com/cssref/css_colors_legal.asp

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More