Not able to change button text color from customizer

Hi there,

I'm not seeing the read more buttons on the page you've linked.

Can you activate it so I can see the issue?

Please also make sure to disable any caching plugins if you are using them.

Let me know :)

Hello,

I have sent you this URL: https://staging.boatengine.com/blog/

On the above URL if you will scroll down, you will see "READ MORE" button after the blog excerpt.

See: https://prnt.sc/t2thhz

Also, I am not using any cache plugin since it is a dev site.

I don't know where are you looking at.

Thanks!

Hi there,

they are being overwritten by this CSS that is coming from Elementor:

body.elementor-kit-7281 a {
    color: #00143E;
}

body.elementor-kit-7281 a:hover {
    color: #AFD8EB;
}

Thanks for checking :)

I have disabled Elementor’s Default Colors & Fonts too but that didn’t help: https://prnt.sc/t2ar5v

So what we can do here?

The CSS selector in that code is elementor-kit- which sounds like an elementor add on plugin is being used ? If so i would check what changes you have made using that

Hi,

I have used Template Kit - Import plugin by Envato to import a readymade template: https://wordpress.org/plugins/template-kit-import/

These were the requirement of that plugin to work: https://prnt.sc/t2tvpm

This plugin did two things in Elementor setting panel: https://prnt.sc/t2twhs

Thanks!

Try adding this CSS to override it:

.read-more-container a:hover {
    color: #fff !important;
}

Thanks :)

What about "Back to Top Button"?

I saw CSS code and it's coming from GenratePress but customizer color is not reflecting here.

Background Hover text is black but it's not reflecting there: https://prnt.sc/t30z4h

Thanks!

This CSS from Elementor is overwriting it:
https://www.screencast.com/t/f5TRjfHZ

Did you add that or it's from the plugin?

Hello,

I have used Template Kit – Import plugin by Envato to import a readymade template: https://wordpress.org/plugins/template-kit-import/

These were the requirement of that plugin to work: https://prnt.sc/t2tvpm

This plugin did two things in the Elementor setting panel: https://prnt.sc/t2twhs

Thanks!

It would be the best if you check with the plugin support to see how to avoid this from happening repeatedly.

You can use this CSS as a patch solution:

.generate-back-to-top:hover, .generate-back-to-top:focus {
    color: #0a0a0a !important;
}

Thanks!

I have imported the Elementor template and that template is using the style from Elementor Theme Style: https://prnt.sc/t3vr9g

I think this was the reason for all the CSS issue :(

So what to do to completely avoid Elementor theme color and use the GenratePress theme customizer color?

Check David's tips here:
https://generatepress.com/forums/topic/guidelines-to-use-elementor-with-generatepress/#post-870937

If that doesn't work, then I would recommend checking with Elementor's support.