Change color of the arrow on a...

Sep 19th, 2016 at 07:55 PM
User 2803868 Photo

John Perhay
Registered User
4 posts

In FF how can you change the color of the arrow in an accordion menu. I need to do this because of the background chosen for the website. I sure it has to do with the Class being use of NESTED.
Sep 19th, 2016 at 09:26 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,282 posts
Online Now

Which accordion are you using
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Sep 19th, 2016 at 11:23 PM
User 2846109 Photo

Jeff
Ambassador
341 posts

Do you mean the downward facing triangle in the 'menu with dropdown'?

I couldn't figure it out either, if that's the case. Sorry.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Sep 20th, 2016 at 03:32 PM
User 2803868 Photo

John Perhay
Registered User
4 posts

Yes, the downward facing triangle. I just happen to be using the accordion menu. It is not the simple accordion component in FF.
Sep 20th, 2016 at 09:35 PM
User 2846109 Photo

Jeff
Ambassador
341 posts

Well, I finally found the triangle in the code. This is in Firefox developer edition, btw. Not sure if this helps but might be a start to tracking it down in RFF.

http://imgur.com/pE2m3en.jpg
Attachments:
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Sep 20th, 2016 at 11:37 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,282 posts
Online Now

It's in foundation.min.css

you can only get to it after exporting

open foundation.min.css in html editor

do a find (if you have one) ..... " li.is-dropdown-submenu-parent " change the border colour to the one you desire.
http://balismartproperty.coffeecup.com/storage/change-arrow-colour.jpg
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Sep 21st, 2016 at 10:41 AM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

Try this. Paste this into the <HEAD> section (or link it in via a custom.css file). You can then adjust the colors to fit your needs. This example has it set to orange.

<style>
.is-drilldown-submenu-parent > a::after,
.is-dropdown-submenu li.is-dropdown-submenu-parent.opens-right > a::after {
border-color: transparent transparent transparent #e86621;
}
.js-drilldown-back > a::before {
border-color: transparent #e86621 transparent transparent;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #e86621 transparent transparent transparent;
}
</style>

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.