Home Forums Pro Themes Mediclean Pro Change color on the CTA widget

This topic contains 5 replies, has 2 voices, and was last updated by  wensolutions 1 month, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #95299

    Anna Wanland
    Participant

    Dear Wen Solutions,

    I have just added a CTA-widget in the footer bottom area of our website, http://www.medicalimagingtechnologies.com

    Would like to ask for your help, how do I change the colors of this widget?

    I tried to change the color sets in “Home widget – CTA” in the theme appearance but it did not work – not sure if it is a bug or if I need to go somewhere else to modify the colors?

    Thanks in advance! Best regards,

    Anna

    #95361

    wensolutions
    Keymaster

    Hello @anna,

    To change the color of the CTA widget, please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    #sidebar-footer-bottom-widget-area {
        background-color: #3fbca3;
    }

    You can change the color code as per your requirement.

    Thank you.

    #95376

    Anna Wanland
    Participant

    Dear Wen solutions

    Thanks for the CSS! However, this CSS is to change the color of the entire footer area.

    I only would like to change the background color (or the hover color) of the CTA buttons that happen to be in the footer area. Right now, they have a blue color when hovering over them and I don’t know where it is coming from. Please see http://www.medicalimagingtechnologies.com, the CTA buttons are at the bottom.

    Thanks again for looking into it, I guess it is just a question of modidifying the CSS slightly 🙂

    Best regards

    Anna

    #95381

    wensolutions
    Keymaster

    Hello @anna,

    Please replace the code above with the code given below:

    a.custom-button.btn-call-to-action.btn-call-to-primary {
        background-color: #3fbca3;
    }
    
    a.custom-button.btn-call-to-action.btn-call-to-secondary {
        background-color: #3fbca3;
    }

    You can change the color code as per your requirement.

    Hope this helps.

    Thank you.

    #95387

    Anna Wanland
    Participant

    Good morning from Sweden,

    Yup, that’s it 🙂 Thanks a lot, now it is solved.

    Best regards

    Anna

    #95401

    wensolutions
    Keymaster

    Hello,

    Glad that we could help you,

    Feel free to reach us for any further query/confusion,

    Best Regards !!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.