Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Help on menu bar width and height and text align


  #1  
Old Aug 22, 2013, 03:35 AM
austg
 
7 posts · Aug 2013
Hello,

I manage to change the width and height of the menu bar and text align all ok. I am trying to change the text valign to middle but it didn't work. Here is what I inserted into the CSS

ul.rMenu li a {width:120px; height:44px; text-align:center; text-valign:middle; } /* custom menu centered */

Everything went ok but the text is centered but up the top


Hope someone can help


Thanks

Last edited by lmilesw; Aug 22, 2013 at 07:21 AM.
  #2  
Old Aug 22, 2013, 07:27 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I don't think text-valign is valid. I would Google vertical align CSS.
__________________
~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 Aug 22, 2013, 07:36 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Where did you come up with 'text-valign'?
  #4  
Old Aug 22, 2013, 03:03 PM
austg
 
7 posts · Aug 2013
Thanks for the reply.

I was just trying to work things out and also I got the valign in the code in dreamweaver.

Is there any other way that I can have the text to sit in the middle instead of being up the top?

Thanks
  #5  
Old Aug 22, 2013, 03:29 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You will have to play a bit, you could try with padding or margins. If you do a google search 'CSS text vertical align' you'll find sone hacks.
  #6  
Old Aug 22, 2013, 08:03 PM
austg
 
7 posts · Aug 2013
Thanks for that,

After searching I have tried a lot of way to vertical align the text to the middle with out success.

This is what I have tried

ul.rMenu li a {width:110.5px; height:44px; text-align: center; vertical-align: middle;} /* custom menu centered */

ul.rMenu li a {width:110.5px; height:44px; text-align: center; margin-top:-25px;} /* custom menu centered */

ul.rMenu li a {width:110.5px; height:44px; text-align: center; position: relative; #top: -50%} /* custom menu centered */

ul.rMenu li a {width:110.5px; height:44px; text-align: center; padding: 50px;} /* custom menu centered */

I am not even sure if I am going about this the right way. Here is the my site http://eslwiz.thekindle4.me/en/ and as you can see I just want the text to sit in the middle, at the moment it is sitting up the top.

Sorry guys I just can't work it out

Thanks
  #7  
Old Aug 22, 2013, 10:38 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Instead of using a height use padding to create the necessary height. Maybe something like the following in place of what you have.
HTML Code:
ul.rMenu li a {
    text-align: center;
    padding: 15px 18px !important;
}
__________________
~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.

Last edited by lmilesw; Aug 22, 2013 at 10:43 PM.
  #8  
Old Aug 23, 2013, 11:56 PM
austg
 
7 posts · Aug 2013
Thanks mate,

You're good.

I also add the width so I could even it up. here is what I did and it is ok.

ul.rMenu li a {width:84.5px;
text-align: center;
padding: 15px 18px !important; font-weight: bold;
}

Thanks

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] DropDown menu issues - width and height. suwak Montezuma Theme 6 Jun 3, 2013 05:58 AM
Align Menu 1 text trainrider Plugins & Atahualpa 1 Dec 26, 2012 07:24 AM
Adjusting text height location in menu bar admsteiner Page & Category Menu Bars 3 Sep 27, 2010 10:07 PM
Control spacing in menu bar: left-align some; right align others; blank space between sarah97302 Page & Category Menu Bars 1 Nov 16, 2009 02:47 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 06:01 PM


All times are GMT -6. The time now is 07:53 PM.


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