Archived topic
Read theme - Button Text is invisible now
10 replies · Started by Amit on June 9, 2021
Hi Team,
I think after adding the red color to the hyerlink on single post. The button text has become invisible. Could you please provide some assistance with that?
the sample link is added to this ticket.
Hi there,
Edit your CSS to this:
.single-post .entry-content a:not(.wp-block-button__link) {
color: red;
}
Worked. Thanks, Leo. Appreciate it. had to modify it a bit I think there is a typo in button_link and the color needed was white, as the background is red. But Your code worked thanks alot.
ok, that didnt work. It turned all the link on the page to white :P
I added this code as is
.single-post .entry-content a:not(.wp-block-button_link) {
color: red;
}
I don't believe there is a typo in my code.
I actually tested the code and it was working.
Please try my code exactly again and link me to the page in question if it doesn't work.
also, the table link hover which was green also stopped working.
The sample link is pasted in the confidential area.
https://hindiswaraj.com/ramayan-ji-ki-aarti-lyrics-video-hindi-pdf/
this is the link where button text is not visible. and also
in the below link the table link hovers green color stopped working.
https://hindiswaraj.com/states-and-union-territory-capital-of-india-in-hindi/
CSS code added as is, as requested.
You need to edit this:
.single-post .entry-content a {
color: red;
}
to this:
.single-post .entry-content a:not(.wp-block-button__link) {
color: red;
}
and here is the result:
https://www.screencast.com/t/4VYx9D4Qq
Another solution is to use the buttons block from GenerateBlocks:
https://docs.generateblocks.com/article/buttons-overview/
Thank Leo, everything is working as it should. APpreciate it :). Thanks for bearing with my stupidity :)
No problem :)