Changing sub menu appearance « Support Forum | Kriesi.at

Support Forum » Newscast

Changing sub menu appearance

4 posts from 2 voices

Started 3 months ago by antoniocansinos
Latest reply from Ismael
This topic is not a support question

Tags:

antoniocansinos
Member

Hello,

I would like to change, completely, the sub menu appearance. I´m referring to the sub menu that appears when you place the pointer on same main category. I think that this sub menu is usually called drop-down.

My problem is that these sub menus have a lot of attributes, many of them related with other and other attributes, for example: .catnav_wrapper { ; class="sub-menu" ; ul, menu, dir { ; li ; ...

I like to know if you have a reference about the attributes related with to change the aspect of this.

Thanks in advance,

Antonio

Posted 3 months ago #
Ismael
Moderator
Hi,

Look for the css style you're currently using example is style1.css or style.2css. Let's open style1.css for example, look for this selector
```
#top .nav li ul a{
border:1px solid #484848;
border-top:none;
color:#aaa;
background: #222;
}
```
You can add or remove style there. Let's change the background to red, font color to blue, border to white. It will look ugly but you'll get my point.
```
#top .nav li ul a{
border:1px solid white;
border-top:none;
color: blue;
background: red;
}
```
Regards,
Ismael
Posted 3 months ago #
antoniocansinos
Member

Hello Ismael,

Thanks for your advice. Really I found 3 different #top .nav li ul a {´ and I joined all of them in one. This part refers to color and border, but I was referring more about the style. Things like:box-shadow, transition, border-radius´. And something else.

I don´t know if its possible to get a list of attributes that affect each part or at least some of parts of Menu and sub-menu (categories).

Thanks.

Posted 3 months ago #
Ismael
Moderator
Hi,

I'm sorry if I can't understand what you need but this selector affects the sub menu appearance. If you want to change it, you can place it at the very bottom of the current css style you're using (example is style1.css) then add or remove properties.
```
#top .nav li ul a{
border:1px solid #484848;
border-top:none;
color:#aaa;
background: #222;
}
```
Regards,
Ismael
Posted 3 months ago #