Alignng text within my main menu buttons |
|
mike
|
How do I align the text on my main menu buttons to the left?
Thanks.
|
| |
Garry
|
You can do it changing following styling rule:
.art-menu a .t {
color:#DDE0DC;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:29px;
margin:0 4px;
padding:0 19px;
text-align:center;
}
----------------
To:
----------------
.art-menu a .t {
color:#DDE0DC;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:29px;
margin:0 4px;
padding:0 30px 0 1px;
text-align:center;
}
|
| |
mike
|
That worked great! However, it now created a rollover effect where my text color changes from white to black and the button also highlights in the center to a different color.
I previously had it set so that there was no rollover effect with the text or button color.
Any idea why this might have happened? My original CSS was slightly different from yours, so I'm guessing changing it to what you suggested has something to do with it.
original.art-menu a .t
.art-menu a .t
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
padding: 0 16px;
margin: 0 6px;
line-height: 31px;
text-align: center;
}
|
| |
Garry
|
Can't say anything without having a look at your live menu
|
| |
|
|