Transparent Header & Menu Button

Home Forums Perfect Forum Transparent Header & Menu Button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #117127
    Hannelore GoldbergHannelore Goldberg
    Participant
    • Topics: 11
    • Replies: 42
    • Total: 53
    Member since: February 15, 2019

    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!

    #117244
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #117737
    Hannelore GoldbergHannelore Goldberg
    Participant
    • Topics: 11
    • Replies: 42
    • Total: 53
    Member since: February 15, 2019

    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!

    #117755
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    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

    #117948
    Hannelore GoldbergHannelore Goldberg
    Participant
    • Topics: 11
    • Replies: 42
    • Total: 53
    Member since: February 15, 2019

    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!

    #117971
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly use this one

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

    Regards,
    Chris

    #118042
    Hannelore GoldbergHannelore Goldberg
    Participant
    • Topics: 11
    • Replies: 42
    • Total: 53
    Member since: February 15, 2019

    Awesome, thanks!

    #118074
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.