Decrease top and bottom padding in widget areas

[bizchick200]

Hello,

Is there a way for me to decrease the padding on certain widgets. There is too much white space when I insert an image in my widget areas. I have a total of 6 widgets on my homepage and I only want to decrease the padding on two (Front Page 2 and Front Page 6 widgets). Can I do this? Here is my website

[Victor Font]

The CSS for .front-page-2 is at line 240 in style-front.css. Decrease the padding as desired.

.front-page-2 {
    padding-bottom: 180px;
    padding-top: 170px;
    text-align: center;
}

The front-page-6 CSS is found at line 462 in style-front.css:

.front-page-6 {
    padding-bottom: 180px;
    padding-top: 170px;
    text-align: center;
}

---

Regards,

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

[bizchick200]

Hi, I decreased the padding to 0 for Front page 6 but it didn't make a difference. Maybe I'm asking the wrong thing. I am trying to decrease the white space above and beneath the image that I add to those widgets. If you can see in front page 6 widget, there is too much white space above and below my image. How do I reduce the white space? Here is my website.

[Victor Font]

What I shared with you is the only way to reduce the white space you want to change. You have to clear any and all caches to see changes to CSS.

Also, it would help if you learned how to use your browser's built-in inspection tool. It will allow you to zero-in on CSS changes and permit you to experiment with new settings without impacting anyone else's view of the site. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

---

Regards,

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

[bizchick200]

Hi Victor! Thank you. It worked. I was making the changes in the wrong area. I made the changes in the built-in CSS editor and then I saw the changes. Thanks again!

[Author]

Posts