Return to previous page

Royal blog options - by bellaphile - on WordPress WooCommerce support

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

bellaphile

Participant

October 26, 2018 at 20:20

Hi there,
Is there a way to remove the “view large” and “more details” on featured images when the mouse hovers over them? I’d just rather it went directly to the blog post.

#201814 Copied

11 Answers

Rose Tyler

Support staff

October 29, 2018 at 08:56

Hello,

Sorry for the delay due to the weekends.
Please provide your Blog page URL.

Regards

#201867 Copied

bellaphile

Participant

October 29, 2018 at 13:45

Hi Rose, see below

#201896 Copied

Rose Tyler

Support staff

October 29, 2018 at 13:54

Hello,

Make sure that our theme is activated on your site and provide a link to the Blog page, where you want to remove buttons.

Regards

#201897 Copied

bellaphile

Participant

October 29, 2018 at 13:55

Sorry, sent the wrong URL

#201898 Copied

Rose Tyler

Support staff

October 29, 2018 at 14:07

Try to use this custom css code:

.blog .wp-picture .btn_group a:last-child {
    padding: 100px 78px !important;
    background-color:  transparent;
    color: transparent !important;
}
.blog .wp-picture .btn_group {
    top: 0px;
}
.blog .wp-picture .btn_group a:first-child {
    display:  none;
}
.blog .wp-picture .zoom >i { background-color: transparent !important; }
.blog .wp-picture .btn_group a:before,
.blog .wp-picture .btn_group a:after,
.blog .wp-picture .btn_group a span:before,
.blog .wp-picture .btn_group a span:after{
    display: none;
}

Regards

#201900 Copied

bellaphile

Participant

October 29, 2018 at 14:16

perfect. thank you, Rose!

#201902 Copied

Rose Tyler

Support staff

October 29, 2018 at 14:38

You’re welcome!

Regards

#201904 Copied

bellaphile

Participant

October 29, 2018 at 15:27

Rose, one more thing. Is there a way to remove the same thing from the featured image on the actual blog post?

#201914 Copied

Rose Tyler

Support staff

October 29, 2018 at 15:43

Hello,

Please change the previous code to:

.blog .wp-picture .btn_group a:last-child, .post-slide .btn_group a {
    padding: 100px 78px !important;
    background-color:  transparent !important;
    color: transparent !important;
}
.blog .wp-picture .btn_group, .single-post .post-slide .btn_group {
    top: 0px;
}
.blog .wp-picture .btn_group a:first-child {
    display:  none;
}
.blog .wp-picture .zoom >i, .thumbnails-x .zoom >i, .single-post .zoom >i { background-color: transparent !important; }

.wp-picture .btn_group a:before, .swiper-slide .btn_group a:before, .portfolio-image .btn_group a:before, .thumbnails-x .btn_group a:before,
.wp-picture .btn_group a:after, .swiper-slide .btn_group a:after, .portfolio-image .btn_group a:after, .thumbnails-x .btn_group a:after,
.wp-picture .btn_group a span:before, .swiper-slide .btn_group a span:before, .portfolio-image .btn_group a span:before, .thumbnails-x .btn_group a span:before,
.wp-picture .btn_group a span:after, .swiper-slide .btn_group a span:after, .portfolio-image .btn_group a span:after, .thumbnails-x .btn_group a span:after {
    display: none;
}
.single-post .btn_group a {
    background-color:  transparent !important;
    color: transparent !important;
}

Regards

#201923 Copied

bellaphile

Participant

October 29, 2018 at 15:54

that didn’t seem to work, unfortunately

#201928 Copied

Rose Tyler

Support staff

October 29, 2018 at 15:58

Please clear cache and check one more time.

Regards