Return to previous page

Home Page Category link - by Orna Ohayon

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

Orna Ohayon

Participant

July 16, 2018 at 15:02

Hello,

On my home page I have category and a small link in the center of the images
https://snag.gy/4Cjkvd.jpg

I must have that the link will be on all over the image
and not just on the small link

Best Regards
Orna

#196747 Copied Theme version: 3.7 WooCommerce version: 3.3.4

7 Answers

Rose Tyler

Support staff

July 16, 2018 at 15:49

Hello,

There is no such possibility, by default. But you can add this code in Custom css for Home page:

.product-category .mask-container .block-mask .mask-content {
    position:  absolute;
    width: 95%;
    height: 100%;
    left: 10%;
}
.product-category .mask-container .block-mask .mask-content a {
    width: 100%;
    height: 100%;
}
.product-category .mask-container .block-mask .mask-content a i, .product-category .mask-container .block-mask .mask-content a:after {
    display:  none;
}
.product-category .mask-container .block-mask .mask-content a, .product-category .mask-container .block-mask .mask-content a:hover {
    background-color:  transparent;
}

Regards

#196756 Copied

Orna Ohayon

Participant

July 16, 2018 at 20:34

Perfect
Many Thanks (:

Orna

#196777 Copied

Rose Tyler

Support staff

July 17, 2018 at 07:33

You’re welcome!

Regards

#196788 Copied

Orna Ohayon

Participant

July 24, 2018 at 19:24

Hello,

I have the same situation with chosen post: https://snag.gy/X4PEYo.jpg

also on the Blog images: https://panima.co.il/blog/

Is there a why to put cod for all the linked images?

Best Regards
Orna

#197229 Copied

Rose Tyler

Support staff

July 25, 2018 at 07:54

Hello,

Please change the previous code to:

.product-category .mask-container .block-mask .mask-content, .post-images .blog-mask .mask-content {
    position:  absolute;
    width: 95%;
    height: 100%;
    left: 10%;
}
.product-category .mask-container .block-mask .mask-content a, .post-images .blog-mask .mask-content a {
    width: 100%;
    height: 100%;
}
.product-category .mask-container .block-mask .mask-content a i, .product-category .mask-container .block-mask .mask-content a:after, .post-images .blog-mask .mask-content a i, .post-images .blog-mask .mask-content a:after {
    display:  none;
}
.product-category .mask-container .block-mask .mask-content a, .product-category .mask-container .block-mask .mask-content a:hover, .post-images .blog-mask .mask-content a, .post-images .blog-mask .mask-content a:hover {
    background-color:  transparent;
}

Regards

#197245 Copied

Orna Ohayon

Participant

July 25, 2018 at 12:39

Magnificent. Thank you!!!

#197272 Copied

Rose Tyler

Support staff

July 25, 2018 at 12:43

You’re welcome!

Regards