Archived

This topic is now archived and is closed to further replies.

  • 0

Changing "carat" Color In Navbar


Question

Posted · Report post

Hi,

There is a caret in the navbar to indicate that you should click to see the dropdown menu. I am struggling to change its color in the CSS - but I can't figure out where the style is being set. Advice please?

Here's the path to the element...

html.mti-repaint > body.home.page.page-id-16.page-template-default.logged-in.admin-bar.custom.responsive.pagelines-template-theme.default.full_width.prettify-on.pagename-home.desktop.firefox.customize-support > div#site.fullwidth > div#page.thepage > div.page-canvas > header#header.container-group > div.outline > section#navbar.container.no_clone.section-navbar.fix > div.content > div.content-pad > div.navbar.fix.navbar-content-width.pl-color-trans > div.navbar-inner > div.navbar-content-pad.fix > div.nav-collapse.collapse > ul#menu-main.font-sub.navline.pldrop.pull-left > li#m1.page_item.page-item-31.dropdown > a.dropdown-toggle > b.caret

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Try this:


.navbar .navline .caret {

border-top-color: rgba(144, 0, 0, 1);

}

Specify the rgb color of your choice.

-J.D.

www.brasesco.com

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for sharing Brasesco!

Share this post


Link to post
Share on other sites

Posted · Report post

I just looked at contactpoint.pacific.edu and did not see any carets for the drop down menu items. Where are the ones you want to recolor?

Share this post


Link to post
Share on other sites