Changing Hover Effect On Hyperlink With WP Bakery Page Builder

  • Resolved kannabanna

    (@kannabanna)


    1 year, 9 months ago

    Hi, im currently confused on how to change the hover effect on hyperlink in a page which i build with WP Bakery Page Builder. So the page that i built currently looks like this :
    https://paste.pics/a451726fb9ed3d991087ea4e04866f8e

    So in the 1st list which is “Allantoin” i set the font color to black which is what i wanted. But when i hover over it, there is no effect to let the visitor knows it’s a clickable text.

    Now on the 2nd list which is “Alcohol Denat”, there is a effect when i hover over the text, which turned the text into black colored one :
    https://paste.pics/7a843db320d9bf5f23fc1c001c44fa4e

    I tried to change the effect so that when the visitor is not hovering over, the text would appear to be Black. And when the visitor hovered over it. It turned Light Blue with Underline effect. Also, i want this changes to apply only in this certain page and not on any other pages. Is there a solution to this problem?

    Thank you in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • It doesn’t seem clear what you are trying to ask. I assume you want to show these links in black colour, and then turning them to underline and light blue coloured when hovering them. Is that correct?

    This is just a CSS issue that you can quickly solve with this code. If you aren’t familiar to CSS code, just copy and paste this code in your theme Customizer (look for some “Custom CSS” area to paste it):

    #bahanKosmetikA ul li a {
    color: #000;
}

#bahanKosmetikA ul li a:hover {
    color: #0eb2e7;
    text-decoration: underline;
}

    But, assuming your words, you want to apply this style ONLY to that specific page (which ID is 18964):

    #page-id-18964 #bahanKosmetikA ul li a {
    color: #000;
}

#page-id-18964 #bahanKosmetikA ul li a:hover {
    color: #0eb2e7;
    text-decoration: underline;
}
    Thread Starter kannabanna

    (@kannabanna)

    Hi, thank you for the suggestion, and im happy to say that it worked so well like what i intended. Sorry if my words are kinda hard to read. But yes, you get exactly what i meant. Once again, thank you for the solution that you provided

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Hover Effect On Hyperlink With WP Bakery Page Builder’ is closed to new replies.