change looking top menu

Resolved engeldeluxe
(@engeldeluxe)

11 years ago

Hi, I want to change the style of the top menu. It is hard to read and I want to remove the current hover effect completely in top menu. For that I would change that:
a. color=”#8bc53e”; font-weight=”bold”;
a.hover color=”#8bc53e”; font-weight=”bold”;
What should I change in style.css and/or header.php exactly?
Could I just add a new style class?
It works for me right now not because of the current hover effect.
Thanks in advance.
Best regards
engeldeluxe

Viewing 11 replies - 1 through 11 (of 11 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

The general protocol is to add new styles than modify existing ones.

You can add new styles through a plugin that facilitates ‘Custom CSS’ functionality, like this http://wordpress.org/extend/plugins/custom-css-manager-plugin/ .

That means you’ll need to create new CSS styles.
Are you okay with this?

Thread Starter engeldeluxe
(@engeldeluxe)

11 years ago

I prefer to change the code in the theme. But it is no problem to add new.
I only have to know WHAT I have to do. What do I have to do to overwrite the effect?
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago
What do I have to do to overwrite the effect?

Use these selectors;
```
.main-navigation a
```
And
```
.main-navigation a:hover
```
LucasLegey
(@lucaslegey)

11 years ago

i’m very new at this and i can’t find the line to modify the color of the top menu hidden. I like the hover effect, but the menu is too white. In what line can i change it? Can you guys help me?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

Please read the solutions in this thread.
LucasLegey
(@lucaslegey)

11 years ago
never mind, answering my own question.
```
#masthead {
	clear: both;
	display: block;
	min-height: 30px;
	opacity: .2;
```
just chage the opacity

thanks any way
Thread Starter engeldeluxe
(@engeldeluxe)

11 years ago

Uih, great! This is what I searched, too. Now is only the font bad to read. Do you have a great advice? Do I have to change the font or is there any further advice?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

Can you link us the webpage where the font is bad to read?

Thread Starter engeldeluxe
(@engeldeluxe)

11 years ago

http://perlenspass.kreativeschule.de/
I use it with firefox, I think it looks a bit gnawed.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago
I think that originates from nature of the font used.
Try adding this;
```
.main-navigation a {
 text-shadow: 0px 1px 0 #8bc53e;
}
```
If that doesn’t do what you want, perhaps use another font.
Thread Starter engeldeluxe
(@engeldeluxe)

11 years ago

Thanks a lot!!! It is a bit better but I had to change the font. Now it is great.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘change looking top menu’ is closed to new replies.