Topic: Overlay of pictures in portfolio « SeaTheme

This topic has 11 replies, 3 voices, and was last updated 8 years, 6 months ago by SeaTheme.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
October 20, 2017 at 3:10 pm #13718

KUTCHA
Participant

Purchased
Expired

Hello,

can you help me please? Is it possible to have overlay (when someone put mouse on picture in portfolio) only with little bit grey shadow and the picture will be still shown? Now the picture disappear, change to white background and show only title.

Thank you for every advice, kind regards, Honza from Prague

WordPress Customization Service from $49 Only! Save your expensive time!

October 21, 2017 at 3:39 am #13722
SeaTheme
Keymaster

Purchased
Expired
Hi,

Please try to paste the custom css code to “Appearance > Customize : Additional CSS”
```
.grid-item:hover { 
    box-shadow: 0 0 10px #ccc;
}
.grid-mask-filled-left .grid-item-con:after, .grid-mask-filled-center .grid-item-con:after {
display:none;
}
```
Regards!
Bwsm – uiueux.com – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

October 22, 2017 at 9:15 pm #13733

KUTCHA
Participant

Purchased
Expired

Thank you for your answer. I gave you 5 stars in Themeforest. 🙂

But the shadow overlay doesnt works. Maybe my description was wrong. I want to change picture (when I put mouse on picture) little bit turn to grey/shadow over picture. 🙂

You can see it on:

https://pureline.000webhostapp.com/

Kind regards, Honza

WordPress Customization Service from $49 Only! Save your expensive time!

October 23, 2017 at 5:19 am #13734

SeaTheme
Keymaster

Purchased
Expired

Hi,

Thanks for rating.

I don’t understand the “grey/shadow over picture” that you talked. Better paste a screenshot to explain it. Thanks!

Regards!

WordPress Customization Service from $49 Only! Save your expensive time!

October 23, 2017 at 7:39 am #13738

KUTCHA
Participant

Purchased
Expired

I´m sorry for my english. 🙂

Yes, screenshot will be better.

Something like on this picture:

Thanks, regards!

WordPress Customization Service from $49 Only! Save your expensive time!

October 24, 2017 at 2:57 am #13749
SeaTheme
Keymaster

Purchased
Expired
That’s ok, my English is not so good 🙂

Please upgrade custom css as:
```
.grid-item-con:after, .product-caption {
    background-color: rgba(255,255,255,0.4);
}
```
0.4 is opacity, it can be changed as 0.1-1.0
WordPress Customization Service from $49 Only! Save your expensive time!

November 12, 2017 at 11:30 am #13932

piiap
Participant

Purchased
Expired

Hi! I followed your tips above and updated my site’s custom css as:
.grid-item-con:after, .product-caption {
background-color: rgba(255,255,255,0.8);
}
which looks good to me.
But is it possible that this mouseover effect with text is always on? I mean that can I have the mask and text on top of the post image at all times?

Thanks!
-Piia

WordPress Customization Service from $49 Only! Save your expensive time!

November 13, 2017 at 3:48 am #13939
SeaTheme
Keymaster

Purchased
Expired
Hi,

Please add the css to show the text by default:
```
.grid-item-con-text {
opacity: 1;
}
```
RG
WordPress Customization Service from $49 Only! Save your expensive time!

November 13, 2017 at 4:36 pm #13945

piiap
Participant

Purchased
Expired

Hi and thanks! Now it works perfectly on desktop but text isn’t shown on mobile (iPhone SE, Safari) at all?

WordPress Customization Service from $49 Only! Save your expensive time!

November 14, 2017 at 1:53 am #13948

SeaTheme
Keymaster

Purchased
Expired

Hi,

It should work on mobile, plz leave your page url, I’ll check it. thanks!

RG

WordPress Customization Service from $49 Only! Save your expensive time!

November 14, 2017 at 6:31 pm #13957

piiap
Participant

Purchased
Expired

Here it is: http://www.piiap.com/works/

BR
Piia

WordPress Customization Service from $49 Only! Save your expensive time!

November 15, 2017 at 2:47 am #13962
SeaTheme
Keymaster

Purchased
Expired
Please add the custom css also:
```
.touchevents .grid-item-con-text {
    display: block;
}
```
RG
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.