Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 25, 2016 at 2:31 am #716636
    linburnlane

    How to I increase the background transparency of dropdown links in the Main menu?

    Also in the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.

    November 28, 2016 at 12:11 pm #717691
    Andy

    Hey linburnlane,

    I checked your website and it seems that you could achieve everything you wanted.
    Let us know in a new ticket if you have some more questions related to the theme.

    Best regards,
    Andy

    November 29, 2016 at 4:32 am #718079
    linburnlane

    Hi Andy,

    No, I haven’t actually.

    1) How to I increase the background transparency of dropdown links in the Main menu?
    ** It is a little bit transparent – I would like to make the background MORE transparent.

    2) In the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.
    ** The email address is still just text. I want to make it a LINK so that someone can click on it to send an email.

    November 29, 2016 at 9:24 am #718133
    Nikko

    Hi,

    1. Try adding this code in Quick CSS(located in Enfold > General Styling):

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
    background: transparent !important;
}

#top #avia-menu .sub-menu li a {
    color: #fff;
}

    2. In Enfold > Header > Extra Elements > Phone Number or small info text just use this format:

    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>

    Or you can use the one I placed in the “private content”.

    Hope this helps :)

    Best regards,
    Nikko

    November 30, 2016 at 1:09 am #718592
    linburnlane

    Thanks Nikko. Almost there :)

    The sub-menu is now completely transparent – I just wanted it a bit more transparent than what it originally was.
    Can I adjust the level of transparency? For example, 50% transparent?

    November 30, 2016 at 1:12 am #718593
    linburnlane

    Also thanks for the email link.
    Can’t believe I just used mailto: instead of the full HREF!

    November 30, 2016 at 2:00 pm #718760
    Andy

    Hi,

    you could use this for background color:

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
    background: rgba(255,255,255,0.2) !important;
}

    0.2 is opacity and the other numbers (255) are defining the color. Adjust it as needed.

    Best regards,
    Andy

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