How customize the column-width of Home-Bottom Left/Right – Widget?

[Dan-cer]

Hi,
I'm using the Home-Bottom Left/Right widget on my home-page. On high resolution >1200px the columns are displayed fine. But when resized to lower resolutions there is too much empty space between them. How can I optimize the column-width and padding?
To view the situation see my test-site (link below).

kind regards
Rainer

https://official.jungvital.com

[Victor Font]

You can increase the width in the following CSS at line 1826:

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .home-bottom-left, .home-bottom-right, .sidebar-primary {
    width: 272px;
}

Because this CSS impacts several areas, you may want to consider separating the home bottom widget areas out and use a different width for them,

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Dan-cer]

Thank you for your answer. I can't solve the problem by editing this line. When I increase the width a little bit, the right column goes down because not enough space between the left column and the sidebar. That would be strange because there is a lot of space, especially between the columns.
I suppose there is too much padding/margin for the columns.
We have to decrease this padding/margin. So far I can't find the location where to edit.

Any ideas?

[Dan-cer]

I got it finally. Can't reproduce it here, but generally spoken I investigated the elements in browser and changed the percentages and paddings of the content.

[Author]

Posts