Reduce padding on widgets when looking at website on cellphone

  • Hi,
    How can I reduce the margin and padding on widgets? It appears fine on the website but when looking at it on an y cellphone the grey backgrounds appear out of the picture frame.
    At the moment I have eliminated the grey background since I cant leave the website like that. is there any custom css to apply to all? in general?

    • This topic was modified 7 years, 2 months ago by sandraccc.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • @sandraccc,

    It seems the issue is with your image sizes not being large enough to span the column width when they stack on top of each other into a single column. Try adding the following CSS to your stylesheet or to the Customizer’s “Additional CSS” section (WP Admin > Appearance > Customize).

    .grid-container .column .textwidget img.alignnone {
    width: 100% !important;
}

    Hope this helps.

    Thread Starter sandraccc

    (@sandraccc)

    That worked! thanks Alexis!

    Glad to hear that. Good luck with the website.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce padding on widgets when looking at website on cellphone’ is closed to new replies.