Transparent Header

yadiyada · November 2021

Hi Guys

We would like to have a transparent white background and wondered how we may achieve that?

Currently we have the classic theme and have selected transparent but it doesn't seem to change the navigation or header section. We would like to see a bit of the image behind a transparent header but not fully just have transparency so you still see the white bar but also the image behind it?

Cheers

Gary

yadiyada · November 2021

Also on the top bar could you suggest a wee fix to float the phone number and top bar text to the right rather than the left.

I have attched a screen

Cheers

Phil · November 2021

Hello,

If you would like to have your Top bar semitransparent and move contact details in the Action bar to the right, you would have to write a custom CSS and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS. If you need help with writing it, let me know, but I will need a link to your website.

Thanks

yadiyada · December 2021

Hi and thanks for the reply. This is the website link https://betterdenture.co.uk/

We would be very grateful for any assistance.

Thanks

Phil · December 2021

Please, use the following code:

#Top_bar{
   background-color: rgba(255,255,255,0.7)!important;
}
#Action_bar .contact_details{
   float: right!important;
}

Thanks

Transparent Header

Comments