-
Posted in : Read WP
-
Hello everyone, I was wondering if it is possible to set the same typographical hover effect that is present in the gallery items into the portfolio items.
Here’s an example.
http://themes.pixelwars.org/read-wp/gallery/travel-to-home/As you can see, the hover effect is made of the title of the item between two lines.
I would like to add the same effect in the portfolio items in the grid.
I hope that my question is clear…
thanksI see, what about the icon and description paragraph in portfolio item’s hover, do you want to get rid of them too ?
I would like to get rid just of the icon.
I would like to see how it works with the description too…Thanks
try this custom css;
.portfolio-items .portfolio-info:before { display: none; } .media-box .mask .portfolio-info { border-bottom: 3px double rgba(170, 170, 170, 0.4); border-top: 3px double rgba(170, 170, 170, 0.4); padding: .6em 0; left: 10%; width: 80%;}Hello ahmetsali, I tried adding your code into the custom css editor, but seems that nothing has changed
Ohp sorry, that works in the main.css but the problem is about the text now. It gets rid of the shape of the thumbnail!
Thanks for help!i don’t get it, it is ok or there is still something that you want to change?
It is ok, but the lines are getting off the tumbnails. And the text in not really in the center of the thumbnail. Can you help ?
it looks like you have changed the custom css code i have provided, also don’t edit main.css file directly, paste the custom css code that i gave to Custom CSS box located under “Appearance > Theme Options > Style tab” .
You must be logged in and have valid license to reply to this topic.