-
Posts
-
Hello.
referring to closed post
https://kriesi.at/support/topic/how-to-exchange-default-picture-rollover-symbol-with-custom-png-picture/#post-188059
very helpful for what I’m looking for, there is a way to have a deferent image for each portfolio categories?
Thanks and Regards.Hi alfredo72!
Thank you for using the theme. I hope you’re doing great.
No, that is not possible without heavy customization. Are you referring to a set of portfolio images on a portfolio category page? Please post a screenshot of what you’re trying to do. Maybe we can separate them by page id.
Best regards,
IsmaelHi Ismael.
Thank you for fast reply. I post a screen shot of hover effect with an image taken from the other post to make a try.
I’ve added this quick css change:.image-overlay.overlay-type-extern .image-overlay-inside::before{ content: url(https://1.gravatar.com/avatar/707b60c56bd8d542ae9f872631c1aefa?s=80&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G); }Now, how you can see into the screen shot i have the image into the hover effect into a portfolio category page.
I need to have different hover images for different pages i’ll create linked to different categories of portfolio.
Thanks and regards,
Alfredo.Hey!
If you want to change the style of a specific element on a certain page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.
On the example above, the page’s unique selector is .page-id-2251. We can use it to change the element within that page. You should look for the portfolio page’s id.
.page-id-2251 .image-overlay.overlay-type-extern .image-overlay-inside::before{ content: url(https://1.gravatar.com/avatar/707b60c56bd8d542ae9f872631c1aefa?s=80&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G); }Regards,
Ismael
- The topic ‘Icon rollover into portfolio’ is closed to new replies.