Support Forum

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Add custom hover over effect with CSS to post images Reply To: Add custom hover over effect with CSS to post images

#20248
vishnu
Participant

My bad…
I forgot to add the complete CSS code… the complete code goes like the following

.wp-show-posts-image{
  border-radius:10px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.wp-show-posts-image:hover, .wp-show-posts-image:focus, .wp-show-posts-image:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

It is working now…
but the second part of the question remains unresolved…
The second question: Is there any way to directly add CSS class (I have inserted hover.css code in my child theme css file, it has many classes to bring about cool animation effects…) to the elements like image, title etc in the post list generated by the plugin? If yes, how to achieve that?