Highlight linked image when hovering over the cursor

  • First of all, I would like to shout out my appreciation who made the theme Hueman. I really appreciate your work. I am doing a website for a chess Academy and I have been stuck for a long time under one problem. I learned a little bit about HTML and CSS and found codes to change it. But still, it is not working. What I am trying to do is that I have some logos on the side widget that is linked to some chess websites. I want to make those logos highlighted when the cursor hovers over it. I went to widget area and looked at the text. It looks like written on html. But then, I am not sure if I can add any codes to that.. Btw, I am working on the childtheme of Hueman, so the original theme is safe if there are any changes need to be done. I would really appreciate any help and advice. Thank you!

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

  • Hi Evangella. Welcome to the forum. Can you post a link to your site? Thanks.

    Thread Starter Evangella

    (@evangella)

    Thank you! Yes, this is currently how the website looks like: https://www.mongolchess-ac.mn/ . You can see there are 4 logos on the side on a widget area. I want them to highlight when the cursor goes on it, so that people know that it is linked to another website.

    Hi Evangella,

    It looks like the first logo is doing the behavior you’re looking for. That logo is wrapped in a <div> with a class of ‘brightness’. When hovered, .brightness lowers the opacity of the image contained inside it.

    You should wrap the other logos in this class as well.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Highlight linked image when hovering over the cursor’ is closed to new replies.