CODEWITHSUNDEEP
csshtmlsasszurb-foundation
Draconar
Draconar

Reputation: 1195

How to add custom features to zurb's Foundation drop-downs?

As shown in the image bellow, Foundation adds a grey triangle pointing down as its icon for a drop-down area. The problem is: how do I customize it? I want to turn it white.

enter image description here

I've tried to find it using both Firebug and Chrome dev tools to no avail. I just can't find what codes that triangle and how to customize it..

Upvotes: 0

Views: 46

Answers (1)

net.uk.sweet
net.uk.sweet

Reputation: 12431

The arrow is created in line 576 of presentation.css, specifically the following lines:

border: solid 5px; 
border-color: #e6e6e6 transparent transparent transparent;

I've never seen this technique for creating a triangle, but it's explained quite nicely here.

Upvotes: 1

Related Questions