Change dots popping up when hovering over an image

• 

  gregorkaelin · Member · Nov 8, 2016 at 4:10 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I was wondering if there is a way to turn the black dots off that pop up on this theme when hovering over the images. I think it should either be text that pops up (like on the “featured” images) or nothing at all.

  Thanks a bunch,
  Gregor

  The blog I need help with is: (visible only to logged in users)

• 

  innisfreehomestead · Member · Nov 8, 2016 at 11:00 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .featured-image a:after {
  	content: " ";
  }

  Then if you’d also like the images not to fade to white with the border then this code will stop that:

  .featured-image:hover a img {
  	opacity: 1;
  }
  
  .featured-image:hover a:before {
  	border: none;
  }

  Let me know if that doesn’t work!
  Sage

• 

  gregorkaelin · Member · Nov 10, 2016 at 10:01 am

  • Copy link

  Hi there,

  Thanks so much. That did the trick

  All best,
  Gregor

• 

  innisfreehomestead · Member · Nov 15, 2016 at 1:09 am

  • Copy link

  Great to hear Gregor, thanks for letting me know!