[SOLVED] Page menu item - vertical text alignment
Hi Folks,
I'm building a site using Atahualpa and all my resources are failing me on this one issue. All morning I've been looking through websites, books and this forum and trying code snippets, none of which work, so it's time to ask for help. All I want is to move the text in the page menu down without moving the background color or image fill. Can someone please suggest some code to make this happen? I thought I might add that property to the page menu item span class, but I haven't found the magic combination (i.e., css insert code) to make that happen. (Despite being smart, I find CSS easily confusing.) Below is the code I already have and a screenshot of the menu as it is currently. Code:
/* Page menu Container */ You can see that the current page is Home, and that Style Page is in the hover state. (Sorry I can't let the site be public right now.) WP: 3.1 Atahualpa: 3.6.4 Browser: Firefox: 3.6.15 Mac OS X THANK YOU! |
Thanks for the quick reply, STB, but I'm afraid that has no effect at all...
|
Hmm. No, not working.
In a day or two, it should be okay to unveil the site temporarily. I'll ask again then. In the meanwhile, I'd be happy to try anything else anyone comes up with. Thanks! |
Yes, I did. I put
Code:
padding-top: 15px; This is why I was kinda hoping to put a top margin on the class for the text span in the buttons, but I couldn't seem to get the code right - or at least it didn't have any effect no matter what tried. And yes, I'm using Atahualpa's menus. I forgot about WordPress's. Thanks for sticking with it! |
I am having an issue with vertical alignment myself. the height of my li is 70px which is a solid color blue box. I would like the text of the link to be centered or at the bottom of this box, not at the top.
Here is the CSS I'm currently using: HTML Code:
/* ===menu background===*/ |
try playing with 'padding-top' instead of 'margin-top'
|
I have the margin in there b/c I need it moved down from the top of the page. As for messing with the padding, all it does is move the entire thing down. It either moves the entire menu down or when I do it in "li a" section, it moves on that one menu item down. Nothing seems to affect just the text.
|
what is the URL?
|
http://www.judgehardymccollum.com
let me know as soon as you're done looking at it b/c it's not live yet and i'll need to turn my "coming soon" plugin back on. Thanks! |
looks like you turned the coming soon plugin back on.
|
It's off now. I did turn it off yesterday afternoon, but i don't know what happened.
|
get rid of the height and padding-top on all the 'div#menu1 ul.rMenu li a:xxxx
then add HTML Code:
div#menu1 ul.rMenu li a {border: Solid 1px red; |
That worked! Thanks so much, JD!
|
All times are GMT -6. The time now is 03:22 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.