Change Hover Image

[nmespinosa12]

Is there a way to change the image (of a little pen and paper looking icon) that pops up when you hover over the images in fluid grid mode? It also shows up next to the post title inside of a blog post.

[FocuxTheme Support]

Hi

It’s a customization issue. You need to copy the original CSS into “OldCar options > Custom Styles > CSS code”

.blog-article-header .article-icon{background-image:url(../img/icons/article.png);}
.blog-article-header .audio-icon{background-image:url(../img/icons/audio.png);}
.blog-article-header .video-icon{background-image:url(../img/icons/video.png);}
.blog-article-header .quote-icon{background-image:url(../img/icons/quote.png);}
.blog-article-header .photo-icon{background-image:url(../img/icons/photo.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
  .blog-article-header .article-icon{background-image:url(../img/icons/article@2x.png);}
  .blog-article-header .audio-icon{background-image:url(../img/icons/audio@2x.png);}
  .blog-article-header .video-icon{background-image:url(../img/icons/video@2x.png);}
  .blog-article-header .quote-icon{background-image:url(../img/icons/quote@2x.png);}
  .blog-article-header .photo-icon{background-image:url(../img/icons/photo@2x.png);}
}

Then, upload your own icons to the server folder, replace the URL value. The icons size is 50 x 50px

@2x.png means double size icon for retina device. double size is 100 x 100px

Thanks

[nmespinosa12]

Perfect, I got it changed. Thanks so much!

[FocuxTheme Support]

Great!
It’s my pleasure!

[Author]

Posts