I have one issue, that i see talked about on a different, closed ticket that is just not working for me...
I want to control the transparent header's font color and hover font color.
but putting this code into my Salient Options panel seem to do nothing. no change occurs.
this is my code:
body #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a { color: #8224e3 !important; } body #header-outer.transparent header#top nav > ul > li > a:hover{
color:#ff7f00 !important;
}
im using salient's child theme option. i also added the code to the style.css file in "wp-content/themes/sailent-child" folder, but that also made no differnce. my header font remains a faded purple, and the hover font still is a darker purple(#8224e3). I want the header nav to be dark purple(#8224e3) and the hover to be orange#ff7f00 instead, to match my navigator color setup on nontransparent scroll.
This is my first time using this theme. I love this theme, and am switching to it for all my future web clients as well. I def need to figure out this issue.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a {
color: #8224e3 !important;
}
#header-outer.transparent:not([data-lhe="animated_underline"]).dark-slide header#top nav > ul > li > a:hover {
color: #ff7f00 !important;
}
the first part of the code, for starting color of the header font, still does not change anything. and also is the same code that i gave you...
body #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a { color: #8224e3 !important; }
even if you change the value to a completely different color like red, it makes no difference.
upon further investigation i now realize that what IS controlling the starting font color is:
Dashboard/salient settings/header navigation/transparency/HEADER DARK TEXT COLOR, setting. NOT, "Header Starting Text Color". Is that odd? The "Header Starting Text Color" setting seems to have no effect on the site no matter what color i make it.
anyway, at this point on my site, In my transparent header, the font starting color is a slightly lighter version of whatever color i make that "HEADER DARK TEXT COLOR" setting. I guess that would be fine if I could just overide its DIMNESS. i want the full #8224e3, not a lighter version of it. if you notice once you scroll down down and the header becomes not transparent, THEN the font color gets its full value. (its not glaring, but it is a noticeable difference in color). does that make sense? sorry to be picky.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search, #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {
opacity: 1 !important;
}
Hi! what a great theme!
I have one issue, that i see talked about on a different, closed ticket that is just not working for me...
I want to control the transparent header's font color and hover font color.
but putting this code into my Salient Options panel seem to do nothing. no change occurs.
this is my code:
body #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a {
color: #8224e3 !important;
}
body #header-outer.transparent header#top nav > ul > li > a:hover{
color:#ff7f00 !important;
}
im using salient's child theme option. i also added the code to the style.css file in "wp-content/themes/sailent-child" folder, but that also made no differnce. my header font remains a faded purple, and the hover font still is a darker purple(#8224e3). I want the header nav to be dark purple(#8224e3) and the hover to be orange#ff7f00 instead, to match my navigator color setup on nontransparent scroll.
This is my first time using this theme. I love this theme, and am switching to it for all my future web clients as well. I def need to figure out this issue.
any help would be greatly appreciated. Thanks!
Hey S,
See screenshot : http://prntscr.com/k5k175
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Thanks
ThemeNectar Support Team
wow, thanks for the PROMPT reply Tahir!
the second part of the code for the font hover...
#header-outer.transparent:not([data-lhe="animated_underline"]).dark-slide header#top nav > ul > li > a:hover {
color: #ff7f00 !important;
}
Worked perfect. Outstanding! The hover is now orange just like i want. thanks so much.
---------------------------------------------------
one small issue still.
the first part of the code, for starting color of the header font, still does not change anything. and also is the same code that i gave you...
body #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a {
color: #8224e3 !important;
}
even if you change the value to a completely different color like red, it makes no difference.
upon further investigation i now realize that what IS controlling the starting font color is:
Dashboard/salient settings/header navigation/transparency/HEADER DARK TEXT COLOR, setting. NOT, "Header Starting Text Color". Is that odd? The "Header Starting Text Color" setting seems to have no effect on the site no matter what color i make it.
anyway, at this point on my site, In my transparent header, the font starting color is a slightly lighter version of whatever color i make that "HEADER DARK TEXT COLOR" setting. I guess that would be fine if I could just overide its DIMNESS. i want the full #8224e3, not a lighter version of it. if you notice once you scroll down down and the header becomes not transparent, THEN the font color gets its full value. (its not glaring, but it is a noticeable difference in color). does that make sense? sorry to be picky.
thank you again Tahir!
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Perfect! That did the trick.
Thank you so much Tahir. Great Theme, and Customer Support!
Hey there,
Thanks for reaching in,
Please be sure to reach out in case you encounter another issue,
Regards