Archived topic

Side bar Widget Image Resizing

5 replies · Started by Sunil on September 19, 2018

Viewing posts 1–6 of 6

September 19, 2018 at 10:11 pm #681794

Hello support,

Can i please get help in resizing the "Image inside the left-side-bar-widget" ?

The test page link is as indicated below;

I wanted to enlarge the image "Vertically + Horizontally" so that the text in the image can appears with reasonable clarity.

Note: the image has a hyperlink to Optin-Pop-Up ShortCode.

And I have set the Leftside-Widget-Setting as "HTML".

Also, I have inserted the shortcode with image hyperlink as;

[thrive_2step id='1774'][/thrive_2step]

Will appreciate help and assistance.

Thanks in advance.

Sunil

September 20, 2018 at 2:05 am #681891

Hi there,

this CSS will remove the padding from that first widget:

.inside-left-sidebar .widget:first-child {
    padding: 0;
}

September 20, 2018 at 3:44 am #681948

Hello David,

Thanks for your reply.
Just a quick question, will the css for the second widget be

.inside-left-sidebar .widget:second-child {
padding: 0;
}

Will wait for your reply.

Thanks
Sunil

September 20, 2018 at 3:53 am #681958

Do you want all of the sidebar widgets to have 0 padding?
If so then this:

.inside-left-sidebar .widget {
    padding: 0;
}

If you want to target just the first and the second then we can select multiples like this:

.inside-left-sidebar .widget:first-child, .inside-left-sidebar .widget:nth-child(2) {
    padding: 0;
}

September 22, 2018 at 7:21 pm #684107

Thank you David.
It works.

September 23, 2018 at 2:56 am #684215

You're welcome

This archived topic is closed to new replies.