|
#1
Jun 4, 2009, 04:59 PM
|
|
1) I entered the same color # both in Background color and Parent background color at ATO>Page Menu Bar, but still there are white bars/space on the left and right of the menu.
I tried and put :
ul.rMenu
{
background: #CABB3D;
}
in the ATO>CSS Inserts. But it didn't work.
2) How do I eliminate a gray outer box all around the menu bar? (I entered "Border around all menu items" to be yellow which divides menu buttons. I like that as is.)
3) How do I make menu text Bold? I'd like to make the font smaller (12 px) and bold. For now the font is larger (13 px) and not bold (as a compromise).
The site: masaueharadesign.com
Thank you!!
|
#2
Jun 4, 2009, 06:10 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
Have you added code to center the menu bar? If so what, this code is probably causing the effect.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#3
Jun 4, 2009, 09:30 PM
|
|
That helps, but I don't know how to fix. I managed to take out the gray borders. Is CSS Inserts the place to fix so that the whole menu is one color (get rid of white space on the left and right edge of the manu bar)? What else to do? Below is what ATO>CSS Inserts box says:
h3#comments {
font-size: 1em;
}
ul#rmenu2 {
border: 0;
}
ul.rMenu
{
background: #CABB3D;
}
div.rMenu-center {
border: solid 1px #cabb3d;
overflow: hidden;
}
h3.reply {
font-size: 1.05em;
}
site: masaueharadesign.com
Juggledad, I donated last month. I'll do it again this month. Thanks.
|
#4
Jun 5, 2009, 12:18 PM
|
|
Still there are white on the right and left edge of the menu bar although I learned since to add 'bold' and 'text-align: center' tag in Page Menu Bar>Font size and Face. So they're solved! I took out code to center menu bar from CSS Insert box as you, juggledad, said that is causing the problem. I've read many relevant threads for hours last night and this morning, and now I have the following in CSS Insert box. But I'm still not being able to put one solid color accross the menu bar. White on the both edge of the menu bar remain, which I'd like to remove. Please help. Thank you very much.
site: masaueharadesign.com
ul#rmenu {
background: 6E2B21;
margin: 0 auto;
width: 910px;
border: 1px solid #FFFFFF;
}
ul.#rMenu li a {
background: #6E2B21;
border: 1px solid #FFFFFF;
}
|
#5
Jun 5, 2009, 02:05 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
Hi, I'm trying to reproduce what you have done, What did you do to center the menu items? It was more than just putting in the CSS Inserts, did yu modify any code?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Last edited by juggledad; Jun 5, 2009 at 02:26 PM.
|
#6
Jun 5, 2009, 02:43 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
try this
HTML Code:
div#menu1 {
background-color: #6E2B21;
border: dashed 1px #ccc;
}
ul#rmenu2 {
color: #6E2B21;
margin: 0 auto;
border: 0;
width: 500px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#7
Jun 5, 2009, 03:03 PM
|
|
The way I got the menu to center is through ATO>Page Menu Bar>Font Size & Face box. I entered there:
11px Verdana, Arial, sans-serif; font-weight: bold; text-align: center
I read about it somewhere in the forum. That made the text bold and centered in the menu bar. So I took out the centering code from CSS Insert box. It used to have the following code, which I took out: (I thought it might cause a conflict)
div.rMenu-center {
border: solid 1px #FFF;
background: #6E2B21;
overflow: hidden;
}
So instead, now the CSS Insert box says:
ul#rmenu {
background: 6E2B21;
margin: 0 auto;
width: 910px;
border: 1px solid #FFFFFF;
}
ul.#rMenu li a {
background: #6E2B21;
border: 1px solid #FFFFFF;
}
Nothing changed. Still the menu bar has white on the both ends, which I want to be the same brown all across. Thank you for your help.
|
#8
Jun 5, 2009, 03:21 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
Check for a private message from me
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#9
Jun 5, 2009, 03:26 PM
|
|
Our message crossed, but I just entered what you suggested: div#menu{backgrund-color:#6E2B21 etc.
Nothing changed...
(I'd like to have at least white line between the menu tubs or all around the menu bar in addition.)
Thanks.
|
#10
Jun 5, 2009, 06:00 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
once we fixed the css insert and changed the width to auto, this was fixed
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
Thread Tools |
Search this Thread |
|
|
Display Modes |
Linear Mode
|
|