Home>Support>Change hover colors for thumbnails (Post Loop)

Change hover colors for thumbnails (Post Loop)

By Gareth Johnson, 9 years ago. Last reply by Andrew Misplon, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 11 months ago Gareth Johnson

    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. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More