T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved Changing the color of a caret in a passive menu item

0
Votes
Undo
  1. Hector Bolanos
    Hector Bolanos
  2. General Discussion
  3. Thursday, 20 June 2013
  4.  Subscribe via email
Hi!

First of all, a huge thank you to the developers of T3 Framework. It's awesome!

I'm modifying the T3 blank template for a new website I'm building. It's going fairly well, but I am having difficulties changing the color of the caret in the main menu. As you can see in the attached screenshot, it is dark grey but I want it to be white. (It is dark grey when passive, but becomes white when hovering over the menu item).

I am using the following code:

.t3-mainnav .dropdown .caret {
border-top-color: solid #fff;
border-bottom-color: solid #fff;
margin-left: 5px;

Thanks for your help!
Attachments (1)
grey-caret-in-main-menu.png grey-caret-in-main-menu.png
Comment
There are no comments made yet.
Accepted Answer
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
1
Votes
Undo
Hi Hector Bolanos,

You can try to add this

.t3-mainnav .navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}

.t3-mainnav .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.t3-mainnav .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.t3-mainnav .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #fff; /* set the color when hover */
border-bottom-color: #fff;
}

Hope it helps,

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (2)
Hector Bolanos
Hector Bolanos
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you very much Super User, that did the trick nicely! :)

Best wishes,
Hector
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.