[koalafactory]

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…
thanks

[ahmetsali]

I see, what about the icon and description paragraph in portfolio item’s hover, do you want to get rid of them too ?

[koalafactory]

I would like to get rid just of the icon.
I would like to see how it works with the description too…

Thanks

[ahmetsali]

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%;}

[koalafactory]

Hello ahmetsali, I tried adding your code into the custom css editor, but seems that nothing has changed

[koalafactory]

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!

[ahmetsali]

i don’t get it, it is ok or there is still something that you want to change?

[koalafactory]

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 ?

[ahmetsali]

can you provide a url to see what’s wrong?

[koalafactory]

Sure!
http://www.koala-factory.com/works/

[ahmetsali]

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” .

[koalafactory]

I will try pasting it again with more attention. Thanks

[koalafactory]

Thanks AHMETSALI, that worked perfect ! :)