WordPress.org

Ready to get started?Download WordPress

Forums

How do I add space on the top and bottom of widgets in my sidebar? (5 posts)

  1. kokomokay
    Member
    Posted 1 year ago #

    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 http://veganinthefreezer.com

  2. patv
    Member
    Posted 1 year ago #

    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.

  3. kokomokay
    Member
    Posted 1 year ago #

    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?

  4. patv
    Member
    Posted 1 year ago #

    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.

  5. kokomokay
    Member
    Posted 1 year ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic