That would really help me out because I won't need to find for each accent-element (mainly :hover links) the right CSS to change it from the accent to another color.
I am afraid the color is not applied using the accent color class like that . Though if you want to look at what css is being applied you can have a look at "salient/css/colors.php" and see which classes are added .
Thank you for your quick reply...I kinda knew that it wouldn't be that easy :-)
So looking at this file is there any way/system/... to easier spot those css elements I am looking for?
Somehow still can't spot the right "selectors" to address the accent css colors I want to change within my "experience" an the "single blog posts" sites (see attached screenshots).
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
/* nectar love heart color */
.blog .masonry.classic_enhanced article.post .post-meta a:hover i {
color: #fe1743 !important;
}
.single #single-meta ul li:not(.meta-share-count):hover a {
color: #f00 !important;
border-color: #f00 !important;
}
.single #single-meta ul li:not(.meta-share-count):hover i, .single #single-meta ul li:not(.meta-share-count):hover a, .single #single-meta ul li:not(.meta-share-count):hover span, .single #single-meta ul li.meta-share-count .nectar-social a:hover i, #project-meta #single-meta ul li > a, #project-meta ul li.meta-share-count .nectar-social a:hover i, #project-meta ul li:not(.meta-share-count):hover i, #project-meta ul li:not(.meta-share-count):hover span {
color: #f00 !important;
}
Hi :-)
While working on final adjustments on my new project I came up with a question that would make a lot of css adjustments easier for me...
Is it somehow possible to change the "accent color" for an entire sub-page (in my case the "experience" page)?
Something like:
body.postid-3420 .accent-color {color: #23B296!important;
}
That would really help me out because I won't need to find for each accent-element (mainly :hover links) the right CSS to change it from the accent to another color.
Thank you in advance and best greetings,
Philipp
Hey Philipp,
I am afraid the color is not applied using the accent color class like that . Though if you want to look at what css is being applied you can have a look at "salient/css/colors.php" and see which classes are added .
Thanks
ThemeNectar Support Team
Thank you for your quick reply...I kinda knew that it wouldn't be that easy :-)
So looking at this file is there any way/system/... to easier spot those css elements I am looking for?
Somehow still can't spot the right "selectors" to address the accent css colors I want to change within my "experience" an the "single blog posts" sites (see attached screenshots).
http://www.ourworldexperience.com/blog/
http://www.ourworldexperience.com/here-we-go/
Everything else I already managed to solve somehow :D
Thank you very much and best greetings again,
Philipp
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
/* nectar love heart color */ .blog .masonry.classic_enhanced article.post .post-meta a:hover i { color: #fe1743 !important; } .single #single-meta ul li:not(.meta-share-count):hover a { color: #f00 !important; border-color: #f00 !important; } .single #single-meta ul li:not(.meta-share-count):hover i, .single #single-meta ul li:not(.meta-share-count):hover a, .single #single-meta ul li:not(.meta-share-count):hover span, .single #single-meta ul li.meta-share-count .nectar-social a:hover i, #project-meta #single-meta ul li > a, #project-meta ul li.meta-share-count .nectar-social a:hover i, #project-meta ul li:not(.meta-share-count):hover i, #project-meta ul li:not(.meta-share-count):hover span { color: #f00 !important; }Thanks
ThemeNectar Support Team
Thank you again! Works like a charm!!!
May I ask how you managed to find the right css selectors? Was searching for hours and couldn't find anything that was close to working :-/
Hey Again,
This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .
Thanks
ThemeNectar Support Team