WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding Space between menu item links in sidebar (7 posts)

  1. iamgointowin
    Member
    Posted 1 year ago #

    portfolio press theme

    http://www.davreform.org

    Need to put some space in between the menu items on the right side. I know CSS a little, everywhere on the style sheet on i see
    or .navigation i put that padding-bottom line of code in and it didn't work. I also tried inserting margin-bottom css code too every where i seen
    or .navigation and that didn't work as well. I need to separate the menu items stretching from the top of the gallery images to the bottom of the gallery images.

  2. DoubleDigits
    Member
    Posted 1 year ago #

    Use this:

    #menu-sidebar li {margin-bottom: 10px;}
     #menu-sidebar li:last-child {margin-bottom: 0px;}

    This will add a gap between all the list items and the last item will not have the margin.

    This will add it to any list you put in the sidebar. I recommend adding a class and applying this style to that class.

  3. iamgointowin
    Member
    Posted 1 year ago #

    Hi; Wow thanks for the code, it has worked. Would you know what CSS I would insert to make my menu bulleted?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Install this Custom CSS Manager plugin and use its section of the dashboard to hold your CSS modifications (including what DoubleDigits recommended).

    Then add this:

    .widget-container ul {
     list-style-type: initial;
     list-style-position: inside;
    }
  5. DoubleDigits
    Member
    Posted 1 year ago #

    You can do this:

    .menu {margin-left: 50px;
    #menu-sidebar {list-style: disc;}

    Since your menu div is sitting flush against the slider you need to give it some left margin so the bullets are visible. This will add plain bullets to the list, to add images is a different method.

    Andrew, list-style-type: initial; isn't a valid property and by default, the list position, is outside, which is generally what everyone wants. So I wouldn't recommend the positioning of it inside.

  6. iamgointowin
    Member
    Posted 1 year ago #

    Thanks guys, I have installed the plug-in. I fiddled around with both of the css you guys gave me thank you.

  7. StuntDevil007
    Member
    Posted 1 year ago #

    Spot on DoubleDigits, excellent advice.

Topic Closed

This topic has been closed to new replies.

About this Topic