I've got my theme up and running in dark mode and everything is working pretty well with a few customizations (mainly adding text to the header because adding a logo eliminated the site title for some reason).
The main issue I'm seeing is that the portfolio filter links, when active, are the same color as the background. All the other site text seems to have adjusted correctly for a dark background but not the active filter links. I've tried overriding this with custom CSS and it remains unaffected. How can this issue be corrected if it can't be affected by CSS?
color: #ffffff !important; } .wrapper .portfolio .filters ul li.active:after, .wrapper .portfolio .filters ul li:hover:after { background-color: #ffffff !important; }
Thank you, the above CSS seems to have helped somewhat in that when I hover over the active text I can read it... but it still matches the black background when active and not hovering over it. Thoughts?
Great, problem solved! The same seems to be happening with the "Previous Project" and "Next Project" links at the bottom. When you hover over them they go black and blend in with the background.
I'm sorry about that, a color combination in the style palette messed the colors and not displayed them properly, so here's the Custom CSS for that one too.
This did not work, www.mattgrenier.com. See the link at the bottom right in black. I tried changing the footers to ".footer" also. I tried the below and it worked for the hovering but couldn't get the un-clicked color to change...
I've got my theme up and running in dark mode and everything is working pretty well with a few customizations (mainly adding text to the header because adding a logo eliminated the site title for some reason).
The main issue I'm seeing is that the portfolio filter links, when active, are the same color as the background. All the other site text seems to have adjusted correctly for a dark background but not the active filter links. I've tried overriding this with custom CSS and it remains unaffected. How can this issue be corrected if it can't be affected by CSS?
Hi,
There's an easy fix via some couple lines of CSS.
To change the color watch the first lines and to change the underline watch the second lines.
.wrapper .portfolio .filters ul li:hover {
color: your_color !important;
}
.wrapper .portfolio .filters ul li.active:after,
.wrapper .portfolio .filters ul li:hover:after {
background-color: your_color !important;
}
Feel free to ask for anything you need.
Neuron
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
.wrapper .portfolio .filters ul li:hover {
color: #ffffff !important;
}
.wrapper .portfolio .filters ul li.active:after, .wrapper .portfolio .filters ul li:hover:after {
background-color: #ffffff !important;
}
Thank you, the above CSS seems to have helped somewhat in that when I hover over the active text I can read it... but it still matches the black background when active and not hovering over it. Thoughts?
Ah then it's the active, add the following style.
#filters li.active {color: #fff !important;
}
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Great, problem solved! The same seems to be happening with the "Previous Project" and "Next Project" links at the bottom. When you hover over them they go black and blend in with the background.
I'm sorry about that, a color combination in the style palette messed the colors and not displayed them properly, so here's the Custom CSS for that one too.
.wrapper .project-single .single-navigation a:hover span { color: #fff !important; }
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Now only the arrow > disappears on hover.
Here's for that one too.
.wrapper .project-single .single-navigation a:hover i { color: #fff !important; }Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Now the same problem for links in the footer... un-clicked, hover, and active...
Pretty strange, I don't know what wrong. It seems like the style options doesn't seem to work alright, when selected the main colors.
Please try adding:
footer a { color: your_color !important; } footer a:hover { color: your_color !important; }Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
This did not work, www.mattgrenier.com. See the link at the bottom right in black. I tried changing the footers to ".footer" also. I tried the below and it worked for the hovering but couldn't get the un-clicked color to change...
.footer-widgets .widget_text a:link {
color: #fff !important;
}
.footer-widgets .widget_text a:hover {
color: #fff !important;
}
.footer-widgets .widget_text a:hover:after {
color: #fff !important;
}
The following styles should work.
footer .footer-widgets .widget_text a {color: your_color !important;
}
For hover
footer .footer-widgets .widget_text a:hover {
color: your_color !important;
}
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
That worked, thanks!
You are welcome anytime, feel free to ask for anything you need
If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.