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.

Colored line outside an image at hover

Resolved 7 replies premiumthemetheme-vantage
Melle Kerstens
11 years ago · Last reply by Andrew Misplon 11 years ago

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/

URL: http://www.noidea.nl/secondsite/

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

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 10 months ago

    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; }
  2. Melle Kerstens 11 years, 10 months ago

    Again, great!

  3. Andrew Misplon Staff 11 years, 10 months ago

    For sure. Glad that helped.

  4. Melle Kerstens 11 years, 10 months ago

    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.

  5. Andrew Misplon Staff 11 years, 10 months ago

    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;
}
  6. Melle Kerstens 11 years, 10 months ago

    Super! Thanks!!

  7. Andrew Misplon Staff 11 years, 10 months ago

    For sure, glad we could help.

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