Archived topic

Sidebar Images: Increase Height Not To Get Minimized

5 replies · Started by wan on November 27, 2020

Viewing posts 1–6 of 6

November 27, 2020 at 7:44 am #1552623

Hey there,

I'm trying to upload an image/banner on my right sidebar but once I've uploaded it, the image was being shrunk to the square size of the widget.

My image is 280 x500 and I would like the image to show as its full size..

Would really appreciate any help on this!

Thanks in advance.

November 27, 2020 at 10:32 am #1553079

Hi there,

It looks like the image size attributes are set to smaller than the image: https://www.screencast.com/t/xjM04vYKiJc

When inserting the image, make sure you're inserted the full size.

Let us know :)

November 28, 2020 at 1:34 am #1554293

Ah, my mistake! Thanks for pointing that out Tom :)

Just another question, is there a way I can make the image centered?

November 28, 2020 at 7:43 am #1555008

Hi there,

add this CSS to make sure the image fills the widget area:

.inside-right-sidebar .widget_media_image img {
    width: 100%;
    vertical-align: bottom;
}

and if you want to remove the white padding add this as well:

.inside-right-sidebar .widget_media_image {
    padding: 0 !important;
}

November 28, 2020 at 7:42 pm #1555765

Awesome! Thank you so much :)

November 29, 2020 at 5:08 am #1556213

Glad to be of help

This archived topic is closed to new replies.