[Resolved] Theme CSS Override of Button CSS

[Jennifer]

Hello,
May get some help overriding the theme CSS for a link inside a button.
When I use the WP built-in block builder, I can create a specific color for the link (text) in the button – in this case, I would like it white. However, the custom theme section for generate press will override that selection in the content section.
Can someone help me write some code to override the override?

http://www.jenniferfinch.com
its the orange subscribe button that is the problem. I can supply screenshots.
Thank you.

[Fernando]

Hi Jennifer,

Give the Button a class of turn-text-white.

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Then, add this through Appearance > Customize > Additional CSS:

.turn-text-white a {
    color: white !important;
}

[Jennifer]

Hi Fernando,

Thank you so much for your quick response. Unfortunately, it just did not work.
I had to high-jack the “has-text-color” style built-in and use the post ID.

I dislike having to be that kind of messy.

I appreciate your help!
-JPF

[Fernando]

I see. You’re welcome, Jennifer!

[Jennifer]

Hello Fernando,

Sorry to bother you, but I did find a more reasonable solution I wanted to share.
I was able to use the built-in. WP “Gutenberg block” “button-making block, using the “ADVANCED” pull-down menu and adding the CSS class “text-white,” – which is built into the Boot Straps CSS.

Thank you again!!!!
– JPF

[Fernando]

I see. Thank you for sharing!

[Author]

Posts