• How do I add space on the top and bottom of widgets in my sidebar?
    I have tried all of the answers that have been posted in the previous answers. Nothing has worked. Is the css that is mentioned so often the Style.css in appearance/editor/stylesheet/style.css?

    I am not ‘up’ yet but maybe you can see my page at https://veganinthefreezer.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • Yes, your theme’s style.css is found under apperance/editor/…

    Your site isn’t up yet, but adding top and bottom padding to your widgets (the outter-most container of your widgets) should do the trick. Find a (or a few) class(es) that are being used by all your widgets and set a css rule on them.

    Thread Starter kokomokay

    (@kokomokay)

    Thank you so much but I am still having trouble. I tried adding to top and bottom padding to anything that looked like a widget. (widget came up 57 times in ‘search’) but nothing changed. Will it have a .px ending and I am also seeing .em? I do not know how to set a css rule.

    I have named one of my widgets Recipe Categories and of course there is Tags and neither comes up in css. Should they?

    Can you post the HTML markup around a widget? I myself don’t know what the HTML structure surrounding a widget looks like, but if you post the markup, I’ll be able to write a CSS rule for you accordingly.

    Thread Starter kokomokay

    (@kokomokay)

    So sorry – I know nothing. Are these what you might need?

    .widget-area .wvr-show-posts .hentry {
    margin-bottom:0px;
    }

    .widget-area {
    padding:10px 10px 0px 10px; /* bottom is val – .widget bottom */
    }

    .widget-area .menu_pop_left ul li,
    .widget-area .menu_pop_right ul li {
    margin-left: .7em;
    margin-bottom: 0em;

    }
    .widget-area .menu_pop_left ul ul li,
    .widget-area .menu_pop_right ul ul li {
    margin-left:0;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I add space on the top and bottom of widgets in my sidebar?’ is closed to new replies.