Issue with background image link

  • I am having an issue with the background of an image link. The site is: https://bit.ly/V2bxJ3 and the problem is with the arrow in the slider. When you hover the arrow it has a blue background. Only the arrow should be blue when you hover it, not the background. It’s a rounded arrow saved as transparant PNG. I don’t see any references in the CSS. What am I missing here?

Viewing 1 replies (of 1 total)

  • That’s not going to be easily fixable — because of the image itself — the background and the arrow are “cutouts” so when the background is changed upon hover, both change. You could either change the hover behavior in the CSS below (it’s internal in the page head section), or change the image.

    .more-link:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover,
#submit:hover, #comments #respond input#submit:hover, .flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover, .gallery img:hover, #content .gform_wrapper input.button:hover {
background-color: #33CCFF;border-color: #33CCFF;}

    But you might also ask on the theme’s forums — they support their commercial themes

Viewing 1 replies (of 1 total)
  • The topic ‘Issue with background image link’ is closed to new replies.