Add a transparent background to header(consists of site title & navigation bar) for Forte Template 7.0

Hi,

I want to add transparency to header of my website. Currently my logo is not clearly visible, if i add some transparency it will be visible. i have attached a photo of my issue for reference.

Please help any way of doing this.

thanks.

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

my website URL is www.studio707designs.com.

hey

any help here will be appreciated.

thanks!

On 1/3/2021 at 2:45 AM, Rajvi said:

hey

any help here will be appreciated.

thanks!

Add to Home > Design > custom CSS

#logo .logo-image {
    background-color: rgb(255,255,255,0.5);
}

hi thanks,

above code adds a white background to the logo.

what i want to achieve is add a transparent bar for the navigation bar and the logo.

sharing an example below:

Let me know if it is possible to achieve this.

Thanks!

Add to Home > Design > Custom CSS

body.homepage header#header {
    background: rgba(0,0,0,0.25);
}

On 1/7/2021 at 12:58 PM, tuanphan said:

Add to Home > Design > Custom CSS

body.homepage header#header {
    background: rgba(0,0,0,0.25);
}

 

thanks a ton!

this is exactly what i was looking for.