Return to previous page

How to disable the color mask on the image

This topic has 6 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Amzy Leel

Rin

Participant

August 23, 2017 at 11:52

Hello,

1. Could you please let me know how to disable the color mask on the blog image when I put the mouse on the image? http://prntscr.com/gc0mhs

2. Also please me know how to delete [VIEW LARGE] button on the image as wll.

all the best,

#170692 Copied

5 Answers
Rose Tyler

Support staff

August 23, 2017 at 13:37
Hello,

1. We use default WP functions for blog images, so you can change images size in Settings > Media or use this code in Theme Options > Custom css to disable the mask:
```
.blog .wp-picture .zoom >i {
    background: transparent;
}
```
2.
```
.blog .wp-picture .btn_group a:first-child {
    display: none;
}
```
Regards
#170699 Copied
Rin

Participant

August 24, 2017 at 23:59

I put the code #1 on Theme Options > Custom css, but the mask is still there. Please see the url

Please, contact administrator
for this information.

#170780 Copied

Amzy Leel

Participant

August 25, 2017 at 07:10

Hello,

use this code

.blog .wp-picture .zoom >i { background-color: transparent !important; }

#170790 Copied

Rin

Participant

August 25, 2017 at 19:33

1. I put like this http://prntscr.com/gd0nu8 but still not working…

2. Also I want to do the same things for this blog top page as well (see the link below)

Please, contact administrator
for this information.

#170866 Copied

Amzy Leel

Participant

August 26, 2017 at 12:03

Sorry, the code should be as follow.

for page 1:
.single-post .wp-picture .zoom >i { background-color: transparent !important; }

for page 1:
.category-blog .wp-picture .zoom >i { background-color: transparent !important; }

if that does not help let us know your wp-admin login details to check this.

#170882 Copied
Viewing 6 results - 1 through 6 (of 6 total)