Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Centering menu titles vertically & placing a dot/asterisk/icon between menu


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jun 27, 2011, 10:39 AM
hnbrace
 
7 posts · Aug 2010
[SOLVED] Centering menu titles vertically & placing a dot/asterisk/icon between menu

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.
Attached Thumbnails
Click image for larger version

Name:	menu.PNG
Views:	326
Size:	1.2 KB
ID:	1441  
  #2  
Old Jun 27, 2011, 11:54 AM
lmilesw's Avatar
lmilesw
 
10,086 posts · Jul 2009
Central New York State USA
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>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jun 27, 2011, 12:31 PM
hnbrace
 
7 posts · Aug 2010
Thank you that worked for the vertical centering. Is there way to add dots or an icon in between the title text?
  #4  
Old Jun 27, 2011, 02:07 PM
lmilesw's Avatar
lmilesw
 
10,086 posts · Jul 2009
Central New York State USA
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
For items with one line it is easier with something like this.
HTML Code:
<div style="padding: 7px 0;">Shop </div>
The dots are created by holding down the Alt key, hitting 7, and releasing the Alt key. There are html codes for dots and other symbols as well and you could even add an image.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jun 27, 2011, 05:07 PM
hnbrace
 
7 posts · Aug 2010
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
  #6  
Old Jun 27, 2011, 06:06 PM
lmilesw's Avatar
lmilesw
 
10,086 posts · Jul 2009
Central New York State USA
You could try this in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
#rmenu2 li {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 0 10px;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Centering post titles/headlines Paul33 Center area post/pages 2 Apr 19, 2010 11:07 AM
Centering the PAGE titles on the main menu waringstowncc Installing & running WordPress 1 Mar 3, 2010 01:49 PM
[SOLVED] Non clickable Sub Menu Titles sleenie Page & Category Menu Bars 1 Oct 27, 2009 11:56 AM
Changing Font in Pg Menu & Pg Titles ofpeb Page & Category Menu Bars 1 Apr 23, 2009 09:30 PM
Center titles in menu bar. c32v Page & Category Menu Bars 2 Apr 5, 2009 07:13 AM


All times are GMT -6. The time now is 11:59 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.