How to set the arrow color in the menu of a top nav output?

This forum is for all Flare issues related to styles, stylesheets and XML.

How to set the arrow color in the menu of a top nav output?

Postby QPerch on Tue Jun 11, 2019 7:03 am

I'm working on a top-nav skin, and I don't see a setting to change the color of the arrow+border of the box that appears when you hover over a menu item in the top nav bar.

Here's a screenshot of what I mean, with placeholder colors. I can change the background (black) and the box that appears when you hover over "getting started" (pink), but how do I change the color of the grey arrow tip that points to "Getting Started"?
Image
QPerch
Jr. Propeller Head
 
Posts: 6
Joined: Fri May 24, 2019 12:58 pm

Re: How to set the arrow color in the menu of a top nav outp

Postby techwrite_BC on Wed Jul 03, 2019 5:41 am

Unfortunalety, I cannot provide a ready-to-use-solution, but a hint that might help.
The specific color of the arrrow is defined in a file called "Styles.css" which is located in the Output-folder in Skins\Fluid\Stylesheets.
Just use e.g. the Style inspector in the Firefox browser or a similar tool to find the exact location of the color definition.
You could change the Styles.css manually after the output which is not a very elegant way, but maybe you can think of an easier possibility.
techwrite_BC
Propeller Head
 
Posts: 11
Joined: Mon Jan 26, 2015 8:43 am
Location: Germany

Re: How to set the arrow color in the menu of a top nav outp

Postby QPerch on Tue Jul 23, 2019 6:40 am

Thanks, I'll take a look at that file.

I've tried using the style inspector in Chrome, but I don't know how to use the inspector to catch something that only appears during a mouse hover. Is there a way to do that?
QPerch
Jr. Propeller Head
 
Posts: 6
Joined: Fri May 24, 2019 12:58 pm


Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 5 guests