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, 5 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, 5 months ago

    Again, great!

  3. Andrew Misplon Staff 11 years, 5 months ago

    For sure. Glad that helped.

  4. Melle Kerstens 11 years, 4 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, 4 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, 4 months ago

    Super! Thanks!!

  7. Andrew Misplon Staff 11 years, 4 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