-
I’m having an issue with text color for Generate Blocks buttons, and have looked through the forum and couldn’t fix the issue.
In the customizer -> body, I have the link color set to blue (for hover also). After looking at others having a similiar issue, I removed the customizer -> Content link colors so there’s no initial or hover colors set. I also have nothing set for customizer -> button colors.
I have a global style for my button (tws-primary-button) and the initial text color is set to a dark color and the hover color is white. These colors are being applied on the backend in the editor but not on the frontend of the site.
Looking at the web developer tools, I see the color set for the global style, but then it’s overwritten by the following code:
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
color: rgba(64, 107, 168, 0);
}Not sure what changes I should be making in the customizer to get this code to not overwrite the global button text color. I can write custom CSS to fix this, but would prefer to have it setup properly in the customizer.
-
The tag name was set to a and I changed it to button. That fixes the text color issue but now I can’t see where the button link is set
-
<button> elements don’t contain a link, so no, you need
atag instead ofbuttontag.The below CSS indicates that the link color set at cusotmzier > colors > content is still active, so it’s likely due to cache hasn’t been cleared.
.inside-article a, .paging-navigation a, .comments-area a, .page-header a { color: rgba(64, 107, 168, 0); } -
I had originally thought that was the issue before I added this ticket, but I cleared all caches numerous times and it’s still an issue. Cleared server cache, WP Rocket cache, and browser cache.
I think it’s set somewhere but can’t figure out where.
-
The content link color and link hover color is still loading.
Can you go to customizer > general, uncheck the Cache dynamic CSS option?
If it’s still not working, please disable all your cache plugins and re-save the customizer changes.
Let me know 🙂
-
I disabled Cache dynamic CSS option and deactivated WP Rocket and cleared all caches and saved the customizer options. It made no difference.
-
Can you provide an admin login for me to check the backend?
-
The login is in the private section.
-
The content link color and hover link color are still selected in the customizer:
https://app.screencast.com/y6PMdQ07JW38v -
Yes, I had to reset the content links because without them the links in the content were not visible. Refer to this page: https://cas1dev.wpenginepowered.com/products/
I added a test link in the first paragraph which just says our background. If there are no content link colors, the link isn’t visible.
-
After looking at others having a similiar issue, I removed the customizer -> Content link colors so there’s no initial or hover colors set. I also have nothing set for customizer -> button colors.
I thought you’d removed the link color from the content based on your original topic.
I added a test link in the first paragraph which just says our background. If there are no content link colors, the link isn’t visible.
But you said:
In the customizer -> body, I have the link color set to blue (for hover also).
However, you didn’t set up a link color for the body:
https://app.screencast.com/1wtBeBUpVmqzT -
I had it set but then removed the body links, because they didn’t impact the content links and I thought they may be causing a problem. As long as the content links are set, they appear correctly on a page. How are the body links different than the content links?
I just made the body links blue but that doesn’t impact the global style which have text colors not working despite being set in the global style tws-primary-buttom.
-
I just made the body links blue but that doesn’t impact the global style which have text colors not working despite being set in the global style tws-primary-buttom.
Can you remove the link color from content and clear cache?
-
I have been unable to resolve this for 2 days. To get a link in the content to have the correct color, I have to set it in the Customer -> Content (initial and hover state set to blue). I do not have Customizer -> Body link colors set. It doesn’t appear to impact link colors and I thought it might be causing the issue.
I created a global style for the button called tws-primary-button and cannot get it to display the correct text color on the initial and hover state. When editing the global style, the button text color should be dark (not blue) and white when hovered over. I have updated all the selectors in the global style to have the hover text color set to white, but it doesn’t work.
I continue to have this CSS applied which is causing the issue:
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
color: var(–accent);
}I assume the code above must be because the customizer -> content hover color is set to blue. However, without setting a link hover color, content links are not blue when hovered over (which is what I want).
Any thoughts on how to resolve this would be much appreciated.
-
I continue to have this CSS applied which is causing the issue:
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
color: var(–accent);
}As I said, this CSS is generated by the content link color you’ve set in the customizer, that’s why I asked you to remove it.
The solution is very simple, you know everything based on your first post, you just need to do it and make sure cache is cleared.
1. remove link and link hover color from customizer > content > link.
2. set the link and link hover color at customizer > body > link.
That’s it!
Do that first, if it doesn’t work, let me know!
-
Finally got it, thank you for your help!
- You must be logged in to reply to this topic.