How to increase spacing between Main Menu headings

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • May 17th, 2016 at 07:14 #36717
    Ivan

    Hi. I was looking for some CSS help on how to double the spacing between my main menu links at the top of my site. All I know about CSS is what I can copy and paste. I’ve tried to google other forums for help but none of the CSS I copied seemed to work. In Tempera under Misc. Settings>Custom CSS I currently have:
    .column-header-image {
    text-align:center;
    }
    #header-container > div { text-align: center; }

    I assume I just add the CSS I need right after that.

    Thanks.

    May 23rd, 2016 at 23:25 #36761
    Ivan

    So I got some help with this from other sources. I managed to put some space between the menu but the vertical bars weren’t spacing correctly. A friend helped me with some CSS to get rid of those bars altogether but there’s still one vertical bar hanging out to the left of the main menu that I’d like to get rid of. Site is sdauthenticflavors.com/afc if you want to take a look at the offending bar.

    What I have in the Custom CSS is:

    li {
    display:inline-block;
    padding-right: 15px;
    padding-left: 15px;
    }

    #menu {
    margin: 21px 646px 21px 646px;
    }
    #header-container > div { text-align: center; }
    #access > .menu > ul > li > a > span {border:none !important}

    May 28th, 2016 at 16:30 #36799
    Zed
    Cryout Creations mastermind

    The theme has a menu alignment option, so the alignment CSS is not needed.
    To remove the last remaining line, use 

    #access .menu > ul {
    border-left: 0 none;
    box-shadow: none;
}
    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to increase spacing between Main Menu headings’ is closed to new replies.