Public Forums 71,145 posts

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#695548

I am trying to work out how to change the triangle icons in the mega-menu.
I am using T3 BS3 blank template and developing on LOCALHOST at the moment.
Here is a screen shot of the triangle icons I want to change, basically I want to make them orange.

Top level of menu:

second level of menu:

I’ve been using firebug but I can’t seem to identify where they come from. Are they an image? a font? Where do they live?
Any help appreciated

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#695561

Hi

Try to add to the custom.css file this

.nav .caret {
border-top-color:#yourcolor!important;
border-bottom-color:#yourcolor!important;
}

1 user says Thank You to pavit for this useful post

1. andbeyond

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#750710

Hi

Try to add to the custom.css file this

.nav .caret {
border-top-color:#yourcolor!important;
border-bottom-color:#yourcolor!important;
}

1 user says Thank You to pavit for this useful post

1. andbeyond

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#696812

Thank you, that worked.
Your fix styled the top level ‘carets’. To style the 2nd level ‘carets’ (in my second screen shot above) I used the folowing css code.

.dropdown-submenu > a:after {
border-left-color: #mycolor;
}

1 user says Thank You to andbeyond for this useful post

1. pavit

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#750861

Thank you, that worked.
Your fix styled the top level ‘carets’. To style the 2nd level ‘carets’ (in my second screen shot above) I used the folowing css code.

.dropdown-submenu > a:after {
border-left-color: #mycolor;
}

1 user says Thank You to andbeyond for this useful post

1. pavit

[Author]

Posts