[SOLVED] Centering menu titles vertically & placing a dot/asterisk/icon between menu
1 Attachment(s)
I found a post on how to have 2 lines of text in the menu. Is there a way to center my single line title vertically? Also can I place a dot, asterisk, or some sort of icon between my menu titles? I have tried to attach a picture of what I am trying to accomplish. My website is expealidocious.com
Thanks. |
The only way I can think of is to put something like the following in the WordPress navigation field for the menu item which will put padding on the top and bottom. You will just have to tweak the padding for you situation.
HTML Code:
<div style="padding: 7px 0;">Blog</div> |
Thank you that worked for the vertical centering. Is there way to add dots or an icon in between the title text?
|
You probably won't like this but it works. For items with two lines perhaps something like this in the navigation field and tweak the top position as necessary
HTML Code:
Meet <span style="position:relative;top:5px;">•</span><br />Heather HTML Code:
<div style="padding: 7px 0;">Shop •</div> |
Thanks for taking the time to post that but you were right, it didn't look so great. Would you happen to have any other ideas for giving more space between the menu titles? I have had a few people say it looks like the titles run together. I don't particularly like the vertical lines in between but I might have to go that route. Thanks
|
You could try this in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
#rmenu2 li { |
I was really hoping to avoid using the vertical lines. I thought I had it figured out using this
#rmenu2 li { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 0 15px; } Which looks great but when I hoover my mouse over the link it doesn't look as nice because the padding is a different color and there is a the white border shows between. Is there a way to add the space without the look I am getting when I hoover over the title links? Under the ATO>Menu 1 there is only an option for the width of the sub menus. I do appreciate your time and help. |
Sorry... change padding to margin
|
THANK YOU! This works.
|
All times are GMT -6. The time now is 03:50 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.