Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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.
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; }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 :)
Sorry about that, must have gotten my selectors mixed up. Thanks for making a plan and sharing the solution with everyone. Much appreciated!