Product Links Hover Color Styling

  • Resolved getgolfed

    (@getgolfed)


    1 year, 8 months ago

    I know I’ve done this in the past with ease so maybe I just haven’t had enough coffee yet…but my product links are white when hovered over. I’d like them to just stay the red color that they are originally or change to black since the background is white. The background is white so the links essentially disappear when hovered over. The link below should show an example. Thank you!

    https://sub70custom.com/sub-70-custom-putters/

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • ckadenge (woo-hc)

    (@ckadenge)

    1 year, 8 months ago

    Hello @getgolfed,

    Thank you for reaching out.

    I understand your concern about the product links disappearing when hovered over due to their color change. To solve this, you need to add some custom CSS to change the hover color.

    Here’s a simple example of how you can do this:

    1. Go to Appearance > Customize > Additional CSS.
    2. Add the following code:
    a.product:hover {
color: #000000 !important; /* This changes the hover color to black */
}
    1. Click ‘Publish’ to save the changes.

    This should change the hover color of your product links to black. If you prefer the color to remain red, simply replace ‘#000000’ with the hex code of the red color you’re using.

    I hope this helps.

    Thread Starter getgolfed

    (@getgolfed)

    1 year, 8 months ago

    Thanks! I put that in the Additional CSS but am still getting the white links when hovering…

    • This reply was modified 1 year, 8 months ago by getgolfed.
    Plugin Support omarfpg a11n

    (@omarfpg)

    1 year, 8 months ago

    Hi @getgolfed,

    Kindly note CSS and any form of customization is outside our support scope. In this case, since the way your page looks is dependent on the theme you’re using, you can consider reaching out to the theme developers here: https://wordpress.org/support/theme/yith-wonder/.

    As a courtesy, I’ve inspected your site and found this rule, it seems it’s picking up a color defined in the settings:

    Direct link to the image: https://snipboard.io/TuRLeq.jpg

    I hope this points you in the right direction, or gives you a broader idea of what to ask in the YITH Wonder theme forums!

    Cheers!
    -OP

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

The topic ‘Product Links Hover Color Styling’ is closed to new replies.