Archived topic

How to remove sidebar widget (image) borders

2 replies · Started by GoldenSound on July 31, 2021

Viewing posts 1–3 of 3

July 31, 2021 at 11:52 am #1878707

I've added the URL for my site in the private info for this post.

I am looking to remove the border from the image on the left that says 'Sponsor Me'. As well as ideally other images put into the left sidebar. I've tried the steps suggested in this thread: https://generatepress.com/forums/topic/removing-image-border-for-a-single-image/ and this one: https://generatepress.com/forums/topic/removing-border-on-sidebar/

But neither seem to work.

How can I remove the borders from this image so that it blends with the background, without affecting anything on the right sidebar?

Thanks!

July 31, 2021 at 12:02 pm #1878713

Update: Added this code:

#block-46 {
    padding: 0;
}
#block-31 {
    padding: 0;
}

Now it has removed most of the padding, but there is still a padding 'bar' of sorts below each image.
How can I remove this?

July 31, 2021 at 12:55 pm #1878755

Hi there,

Can you remove your own CSS and try this instead?

.sidebar .widget.widget_media_image {
    background-color: transparent;
}

This archived topic is closed to new replies.