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].
Hello,
Is it possible to get a colored line outside an image when the mouse is on the image (hover).
A very thin line, so you see what you select?
I wan’t this for the image on my home site. And maybe if possible also on the pages where all my products are.
Site: http://www.noidea.nl/secondsite/
Hi Melle
Thanks for running Vantage. You could try inserting something like this Appearance > Custom CSS:
.entry-content img:hover { border: 1px solid #000000; }Replace #000000 with the color of your preference.
To make that apply to the home page only use:
.home .entry-content img:hover { border: 1px solid #000000; }Again, great!
For sure. Glad that helped.
Hello dear,
Is this also possible for the INSIDE line?
Because now, when you take a look at the site http://www.noidea.nl/secondsite you see when the ‘border’ is at the image at hover the image is moving a little bit.
You could try adding a border before hand and just changing the color on hover, that would look as follows:
.home .entry-content img { border: 1px solid #fcfcfc; } .home .entry-content img:hover { border: 1px solid #c9ae14; }Super! Thanks!!
For sure, glad we could help.