Template Skin TOC Drop-downs translucent

[SunriseAtSunset]

I have heavily edited the topnav Soledad template to better match the color scheme for my company. The main issue I'm having with the skin is the header and its related items: TOC links/drop-downs, search filters list. The background for these items is translucent even though I don't have anything listed as translucent in the skin itself. I want the background to be solid white but this doesn't seem to be something I can change in the skin editor. How would I fix this?

[ChoccieMuffin]

I've been playing with Soledad, and I noticed the same. Just for clarification, which bit in your screenshot is causing the problem? There are several elements in the skin that have the gradient colours being "transparent", so could it be those? Try changing the "transparent" value to something ridiculous so you can see it obviously and see if that's where to make the change. (and let me know the result, as I'm going to need to mess about with the skin soon.)

[SunriseAtSunset]

I've been playing with Soledad, and I noticed the same. Just for clarification, which bit in your screenshot is causing the problem? There are several elements in the skin that have the gradient colours being "transparent", so could it be those? Try changing the "transparent" value to something ridiculous so you can see it obviously and see if that's where to make the change. (and let me know the result, as I'm going to need to mess about with the skin soon.)

I set all of the gradients I could find to a solid white color and it didn't help at all. I can try again but that doesn't seem to be the issue.

[ChoccieMuffin]

I've been playing with Soledad, and I noticed the same. Just for clarification, which bit in your screenshot is causing the problem? There are several elements in the skin that have the gradient colours being "transparent", so could it be those? Try changing the "transparent" value to something ridiculous so you can see it obviously and see if that's where to make the change. (and let me know the result, as I'm going to need to mess about with the skin soon.)

I set all of the gradients I could find to a solid white color and it didn't help at all. I can try again but that doesn't seem to be the issue.

Darn, I was just being hopeful rather than offering a proven solution. Fingers crossed someone clever will come along to help us!

[SunriseAtSunset]

Darn, I was just being hopeful rather than offering a proven solution. Fingers crossed someone clever will come along to help us!

I figured it out, with some help from MadCap support. SO the items we're looking to change are in the Stylesheets (StylesForHomePage and MainStyles). In the Content Explorer, right-click on the stylesheets and select Open With > Internal Text Editor.

Home Page TOC Bar: On line 101 (nav.title-bar), find the "opacity: 0.8" item. Change this opacity to 1.0, or remove the declaration entirely. I feel it's safer just to set the opacity to 1.0.
Sub-Pages TOC Bar: On line 143 (nav.title-bar), find the "opacity: 0.8" item, and do the same as above.



There are some other interesting declarations you can edit with the text editor you simply can't touch via the CSS and Skin editors, so that could be helpful!

[ChoccieMuffin]

I figured it out, with some help from MadCap support. SO the items we're looking to change are in the Stylesheets (StylesForHomePage and MainStyles). In the Content Explorer, right-click on the stylesheets and select Open With > Internal Text Editor.

Home Page TOC Bar: On line 101 (nav.title-bar), find the "opacity: 0.8" item. Change this opacity to 1.0, or remove the declaration entirely. I feel it's safer just to set the opacity to 1.0.
Sub-Pages TOC Bar: On line 143 (nav.title-bar), find the "opacity: 0.8" item, and do the same as above.

There are some other interesting declarations you can edit with the text editor you simply can't touch via the CSS and Skin editors, so that could be helpful!

Excellent, thank you very much! I'll keep my eye out for "opacity" as an attribute in future. (And I almost always look at stylesheets in a text editor rather than in Flare, I prefer to keep an eye on the order of items in the .css file, which you can't do in the Editor.)