Transparent Header & Menu Button

[Hannelore Goldberg]

Hi,

I’ve purchased the Perfect template and am trying to get the header to look like the Charity Demo. I can’t see anywhere to change the header to be transparent. Also, how do you get the menu to have a “button” look like the Perfect Medical demo? Thanks!

[Forum Moderator]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Hannelore Goldberg]

http://whitfordlaw.com/

I’d like the phone number on the menu bar to look like a button vs. just a regular link.

Also, I saw on the header options where you can make it transparent, but that doesn’t change anything on my site except make the slider image move up slightly. Is there something else I need to change in the options to make it truly transparent?

Thanks!

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul li a:link { color:#fff;}
.header { position:absolute !important; background-color:rgba(255,255,255, 0.2); z-index:100;}

Regards,
Chris

[Hannelore Goldberg]

Great, thanks. Both of those codes changed the site nicely. Is there a way to make that last menu item actually look like a button vs. just a different color? 🙂 The Perfect Medical demo is a great example of what I’m referencing. Thanks!

[Forum Moderator]

Hi,

Kindly use this one

#menu-item-525 { background:#889abd;}
#menu-item-525 a { color: #fff !important;}

Regards,
Chris

[Hannelore Goldberg]

Awesome, thanks!

[Forum Moderator]

Hi Hannelore,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/21/

Regards,
Chris

[Author]

Posts