How to change the main menu? « Support Forum | Kriesi.at

Support Forum » Velvet

How to change the main menu?

12 posts from 5 voices

Started 3 months ago by oscarnava1984
Latest reply from Nick
This topic is closed
This topic is resolved

Tags:

oscarnava1984
Member

Hello,

I want to change the font of the menu, I dont want bold uppercase to the main categories, I want it all the same.

Thanks for your answer.

Oscar

Posted 3 months ago #
Nick
Moderator

Hi Oscar,

I only see main top level menu items and don't see any secondary level menu items. I would not use words like 'bold' or 'uppercase' to describe the look of your menu, but 'thin' and 'lowercase with front letter capitalized' . Perhaps I've misunderstood and we speak of something completely different. http://www.clipular.com/c?1797469=8lnoPv4FKps9w3h9Ay47WQNSzHM

Thanks,

Nick

Posted 3 months ago #
EvilMuelli
Member

Hi,
I also don't want to use only uppercase letters for the menu. I need normal (small) letters too. How can I change that?

Posted 2 months ago #
Dude
Dude
Hey!

Please add following code to css/custom.css or to the quick css option field:
```
.main_menu ul:first-child > li > a {
text-transform: none !important;
}
```
Regards,
Peter
Posted 2 months ago #
EvilMuelli
Member

Hey, that helped. Thank you very much!
Now I need something similar for example for the page titles. They are still only in uppercase letters. I want that everything can be written in small letters too. Any idea for that?

Posted 2 months ago #
Dude
Dude
Hi!

Please add following code to css/custom.css or to the quick css option field:
```
#top .callout, .title_container {
text-transform: none !important;
}
```
Regards,
Peter
Posted 2 months ago #
EvilMuelli
Member

Thank your. that helped.
But still my <h1> titles in the text are only in uppercase letters. how can I change also that? sorry for all that questions... I hope you can help me. thanks!

Posted 2 months ago #
Devin
Moderator
Hi EvilMuelli,

Try:
```
.entry-content h1 .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    text-transform:none;
}
```
That should take care of all the headings, but if not, can you link us to the page that has the incorrect text-transform so we can target it directly?

Regards,

Devin
Posted 2 months ago #
EvilMuelli
Member

hm that code didnt work, so here is the link: http://www.mappenguide.de
On the right side next to the video you can see the word "MAPPENTIPPS", which I need to have in small letters, but its part of a widget. The code of this widget starts like this:
<h1>MappenTipps</h1>

<div id="mc_embed_signup" style="width: 250px;"><form id="mc-embedded-subscribe-form" class="validate" style="font: normal 100% Arial, sans-serif; font-size: 10px;" action="http://mappenguide.us2.list-manage.com/subscribe/post" method="post">

I hope this is helpful.

Thanks!

Posted 2 months ago #
Devin
Moderator
This should do it:
```
#text-12 h1 {
text-transform: none;
}
```
Posted 2 months ago #
EvilMuelli
Member

perfect, that solves everything! thank you very much.

Posted 2 months ago #
Nick
Moderator

Glad that Devin and Peter got you back on track.

Thanks,

Nick

Posted 2 months ago #