[Support request] Not able to change button text color from customizer

Home Forums Support [Support request] Not able to change button text color from customizer

Home Forums Support Not able to change button text color from customizer

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1333259
    Brajmohan 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/t2ap4f

    I 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!

    #1333442
    Leo
    Staff
    Customer Support

    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 🙂

    #1334232
    Brajmohan Kumar

    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!

    #1334237
    David
    Staff
    Customer Support

    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;
    }
    #1334258
    Brajmohan Kumar

    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?

    #1334266
    David
    Staff
    Customer Support

    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

    #1334271
    Brajmohan Kumar

    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!

    #1334286
    David
    Staff
    Customer Support

    Try adding this CSS to override it:

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

    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!

    #1334944
    Leo
    Staff
    Customer Support

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

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

    #1336586
    Brajmohan Kumar

    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!

    #1336588
    Leo
    Staff
    Customer Support

    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;
    }
    #1336608
    Brajmohan Kumar

    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?

    #1336686
    Leo
    Staff
    Customer Support

    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.

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.