- This topic has 13 replies, 3 voices, and was last updated 3 years, 9 months ago by Leo.
-
AuthorPosts
-
June 18, 2020 at 1:15 pm #1333259Brajmohan Kumar
Hello team,
I am trying to change the blog archive “Read More” button text color & text hover color from customizer but my changed color is not reflecting.
I have set it to white but it is still showing black, see below:-
https://prnt.sc/t2ao0y
https://prnt.sc/t2ap4fI have disabled Elementor’s Default Colors & Fonts too but that didn’t help: https://prnt.sc/t2ar5v
Let me know what is the issue here.
Thanks!
June 18, 2020 at 7:19 pm #1333442LeoStaffCustomer SupportHi 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 🙂
June 19, 2020 at 8:12 am #1334232Brajmohan KumarHello,
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.
Also, I am not using any cache plugin since it is a dev site.
I don’t know where are you looking at.
Thanks!
June 19, 2020 at 8:17 am #1334237DavidStaffCustomer SupportHi 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; }
June 19, 2020 at 8:25 am #1334258Brajmohan KumarThanks 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?
June 19, 2020 at 8:27 am #1334266DavidStaffCustomer SupportThe 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 thatJune 19, 2020 at 8:32 am #1334271Brajmohan KumarHi,
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!
June 19, 2020 at 8:48 am #1334286DavidStaffCustomer SupportTry adding this CSS to override it:
.read-more-container a:hover { color: #fff !important; }
June 19, 2020 at 3:30 pm #1334776Brajmohan KumarThanks 🙂
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!
June 19, 2020 at 10:10 pm #1334944LeoStaffCustomer SupportThis CSS from Elementor is overwriting it:
https://www.screencast.com/t/f5TRjfHZDid you add that or it’s from the plugin?
June 21, 2020 at 11:50 am #1336586Brajmohan KumarHello,
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!
June 21, 2020 at 11:54 am #1336588LeoStaffCustomer SupportIt 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; }
June 21, 2020 at 12:15 pm #1336608Brajmohan KumarThanks!
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?
June 21, 2020 at 2:18 pm #1336686LeoStaffCustomer SupportCheck David’s tips here:
https://generatepress.com/forums/topic/guidelines-to-use-elementor-with-generatepress/#post-870937If that doesn’t work, then I would recommend checking with Elementor’s support.
-
AuthorPosts
- You must be logged in to reply to this topic.