Spacing between sidebar widgets

  • Resolved marc0831

    (@marc0831)


    11 years, 5 months ago

    Noob in need! I’ve tried adjusting my Themes CSS but I can’t seem to figure out how to adjust the spacing between widgets in my sidebar. The gaps between the different items is too large and I would also like to reduce the line spacing, say, between categories as well as between category names and whatever’s listed below them. Please advise, if you can for:
    http://www.laroseylife.com/

    Also, I think I’m updating my CSS correctly but can you also help as well? Editing CSS would be under Appearance>Editor>Stylesheet

    Which contains the following:
    /*
    Theme Name: Zephyr
    Theme URI: http://themeflame.org/zephyr
    Author: Themeflame
    Author URI: http://themeflame.org/
    Description: Zephyr is a Clean Blogging theme that offers extensive customization through the WordPress Customizer.
    Version: 2.2.1
    License: GNU General Public License
    License URI: license.txt
    Tags: white, translation-ready
    */

    @import url(“css/zephyr.css”);

    Thank you!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • MarkRH

    (@markrh)

    11 years, 5 months ago

    Well, this is controlling it:

    #zephyr-widget-sidebar li {
  margin: 20px 20px 30px;
  padding: 60px 20px 30px;
}

    If you put that into your child theme’s CSS file and change the values to what you want, should work. This shows how the values affect which side: http://www.w3schools.com/css/css_padding.asp

    This shows how to create a child theme if you haven’t: http://www.w3schools.com/css/css_padding.asp

    If you add it below the @import line, should work.

    Thread Starter marc0831

    (@marc0831)

    11 years, 5 months ago

    Thank you MarkRH! Once again, I’m a total noob! I entered what you provided above and then modified the values of the margin and padding and saw no difference after updating the file. Is there something else I’m not doing? Your link to the child theme was the same as to the padding theme.

    Thanks again for your help!

    /*
    Theme Name: Zephyr
    Theme URI: http://themeflame.org/zephyr
    Author: Themeflame
    Author URI: http://themeflame.org/
    Description: Zephyr is a Clean Blogging theme that offers extensive customization through the WordPress Customizer.
    Version: 2.2.1
    License: GNU General Public License
    License URI: license.txt
    Tags: white, translation-ready
    */

    @import url(“css/zephyr.css”);

    #zephyr-widget-sidebar li {
    margin: 1px 1px 1px;
    padding: 1px 1px 1px;
    }

    MarkRH

    (@markrh)

    11 years, 5 months ago

    Doh! Child themes: http://codex.wordpress.org/Child_Themes

    I notice a change. The CSS is now:

    #zephyr-widget-sidebar li {
  margin: 1px;
  padding: 100px;
}

    My browser is seeing this:

    @import "css/zephyr.css";
#zephyr-widget-sidebar li {
    margin: 1px;
    padding: 100px;
}

    Need to change that padding 100px value to 1px or 5px or something less.

    If you don’t notice a change, may need to force refresh your browser to load the new CSS file.

    Thread Starter marc0831

    (@marc0831)

    11 years, 5 months ago

    Thank you so much MarkRH!!!!

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

The topic ‘Spacing between sidebar widgets’ is closed to new replies.