Jump to content

Archived

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

apcomputing

Little arrow next to links with drop downs

Recommended Posts

apcomputing

Hi,

I am relatively good with CSS, however I cannot seem to find an image or any code in CSS to change the little arrow that points down next to the links in the NavBar when you add a secondary menu.

 

I am only trying to change the color of it, if someone knows how to do this it would be greatly appreciated! -- I am using a Fixed top NavBar, if it matters.

Share this post


Link to post
Share on other sites
batman

Hi

I find it

you can see the image

Captura%2520de%2520pantalla%25202013-08-

 

Here is the code

 

elemento {
}
.navbar.pl-color-grey .navline .caret {
    border-top-color: rgba(0, 0, 0, 0.5);
}
.navbar .navline .caret {
    border-top-color: rgba(255, 255, 255, 0.5);
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    vertical-align: top;
    border-top: 4px solid rgba(0, 0, 0, 0.3);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
 
I hope this is usefully to you.
:)

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
apcomputing

The code to change the actual color of the arrow is:

 

.navbar.pl-color-base .navline .caret {
       border-top-color: rgba(85,85,85,0.6);
}

 

I am not sure why I didn't see that before but your code helped me find the piece I was looking for.

 

Thank you for your help!
 

Share this post


Link to post
Share on other sites
Rob

On batman's behalf, you're welcome.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×