This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change hover colors for thumbnails (Post Loop)

Resolved 3 replies premiumthemetheme-vantage
Gareth Johnson
11 years ago · Last reply by Andrew Misplon 11 years ago

As requested in this thread – https://siteorigin.com/thread/vantage-premium-hover-over-colours/

How can I change the hover colors of the thumbnails? currently blue – http://tom-bryant.co.uk/category/print/

( I have used Tom’s website as an example because mine is currently not available).

Thanks,

Gareth.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 4 months ago

    Hi Gareth

    Thanks for running Vantage.

    Please try the following under Appearance > Custom CSS and edit as required:

    /* Vantage Post Loop Carousel Hover Color Overlay */
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.overlay {
background: #3279BB !important;
}
  2. Gareth Johnson 11 years, 4 months ago

    Hi Andrew,

    That didn’t work, but I used the information you gave me to do some more targeted digging through the CSS and it turned out to be this that need editing…

    .vantage-grid-loop article .grid-thumbnail:hover {
  border-color: #00bafa;
  -webkit-box-shadow: 0 0 5px rgba(0,187,251,0.75);
  -moz-box-shadow: 0 0 5px rgba(0,187,251,0.75);
  box-shadow: 0 0 5px rgba(0,187,251,0.75);
}

    Thank you very much for your help :)

  3. Andrew Misplon Staff 11 years, 4 months ago

    Sorry about that, must have gotten my selectors mixed up. Thanks for making a plan and sharing the solution with everyone. Much appreciated!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread