Return to previous page

Disable mouse over and icon - by yea73920

This topic has 4 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

yea73920

Participant

June 21, 2018 at 03:37

Hi

My blog category page, each post’s picture has 2 icons (link、lightbox ) when mouse over,

Could you tell me how to turn off? I want it just click picture to every single post simply

https://imgur.com/a/IU7XEyJ

Thank you

Please, contact administrator
for this information.

#195302 Copied Theme version: 4.3 WooCommerce version: 3.4

3 Answers
Rose Tyler

Support staff

June 21, 2018 at 08:14
Hello,

Please add this code in Theme Options > Custom css or in style.css file of child theme:
```
.wp-picture .btn_group a:last-child {
    height: 550px;
    width: 100%;
    margin-top: -36%;
}
.wp-picture .btn_group {
    opacity: 0;
}
```
Regards
#195320 Copied
yea73920

Participant

June 21, 2018 at 09:04

Hi

Thanks to your snips, It’s vanished,

But it needs to click two times on the mobile device, then it will go to the single post page

Could you help me fix it?

By the way…..

Relate post area is facing the same issue, too
https://imgur.com/64LRJRC

Please help me to disable hover and icon

Thank you very much

Please, contact administrator
for this information.

#195324 Copied Theme version: 4.3 WooCommerce version: 3.4
Rose Tyler

Support staff

June 21, 2018 at 10:46
Hello,

Please change the previous code to:
```
.wp-picture .btn_group {
    bottom:  0;
    left:  0;
    right:  0;
    opacity:  0;
}
.wp-picture .btn_group a[rel="pphoto"] {
    display: none !important;
}
.wp-picture .btn_group a:last-child {
    height: 100%;
    width: 100%;
    border-radius: 0 !important;
}
.wp-picture .btn_group a:last-child :before, .swiper-slide .btn_group a:last-child :before, .portfolio-image .btn_group a:last-child :before, .thumbnails-x .btn_group a:last-child :before {
    display: none;
}
```
Regards
#195331 Copied
Viewing 4 results - 1 through 4 (of 4 total)