Page Buttons
-
dAmn Dev…your the man!! It works, the mouse over color change effect isn’t working but i’ll keep playing with that. Thank you so much for all of your help. I really appreciate it. I’m glad ithe links are up and running. Thanks!
.Ray
-
Ray,
By looking at your source code, I see this:
<li><a href='http://thisislavie.wordpress.com'><font color="#ffffff"> Home </a></font></li>Why did you add the <font> tag there? that:
a) defeats the purpose of styling the text through CSS
b) is deprecated and its use is frowned upon.I’d suggest you to remove that tag; if you do it, then the hover effect should work.
HTH
-
-
-
where are you adding the new CSS? like in the middle or at the very bottom of the code?
If it’s in the ‘middle’ move it to the bottom, if that still doesn’t work, try this:
.mymenubar ul li{color: #fff;} .mymenubar ul li a{ color:#fff !important; } .menubar ul li a:hover{ color:#588526 !important; }Notice that I added .mymenubar ul li{color: #fff;} so that you get rid of those other font tags.
Lemme know.
-
yeah, the coding is at the bottom. I’m going to give this a try. I’ll let u know. Thank u again!!!
-
yeah it’s stil trippin, I’m just going to leave it how it is….I dunno y the hover color isn’t changing. it’s staying white and adding a dash underline like my other links. The links are all bunched up. It’s cool though dude, I feel like I’m being a headache u know. I dunno why it’s acting up.
-
man, that’s freaking weird!
No worries. You’re not… I really don’t understand why those things are behaving that way…
What did you change that now the links are bunched up?
-
-
-
sorry, my bad… when I modified this selector:
.mymenubar ul li{color: #fff;}I forgot to include the display property, it should look like this:
.mymenubar ul li{color: #fff; display: inline;}I apologize for that mistake.
Please, try that and make sure the color properties for the a tags have the !important rule.
.mymenubar ul li a{ color:#fff !important; } .menubar ul li a:hover{ color:#588526 !important; } -
-
wait, but what about positioning the text though??? I would like it to b in that black space near the header. Will this still work?
-
IT WORKS!!! now I just have to get the text to line up right and not below one another. I know i keep saying this, but thank u man. You’ve been so helpful!!!
.Ray
-
No worries, man. Just pay it forward whenever you can.
Now, it used to be aligned one next to each other, right? so let’s see how your CSS should look by now (including modifications):
.mymenubar{ margin-left:0; position:absolute; margin-top:-29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; } .mymenubar ul{ list-style: none; position: relative; } .mymenubar ul li{ color: #fff; display: inline; } .mymenubar ul li a{ color:#fff !important; } .menubar ul li a:hover{ color:#588526 !important; }Compare it to what you have now. If otherwise, the above should work.
-
-
-
??? I’m not sure I’ll show u wut my coding looks like.
here’s the CSS:
.mymenubar ul li {
display:inline;
margin-left:0;
position:absolute;
margin-top:-980px;
font-family:Arial;
font-size:9pt;
text-decoration:none;
color:#fff !important;
}mymenubar ul li a {
color:#fff !important;
}.mymenubar ul li a:hover {
color:#588526 !important;
text-decoration:none;
}Widget coding:
<div class=”mymenubar”>
</div>
- The topic ‘Page Buttons’ is closed to new replies.
WordPress.com Forums 