Transparent Header

yadiyada

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

yadiyada

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

Please, use the following code:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next