[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.

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

[Zed]

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