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

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 16, 2019 at 3:54 am #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

    April 17, 2019 at 12:18 am #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.

    April 17, 2019 at 3:29 am #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

    April 17, 2019 at 4:04 am #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.

    April 17, 2019 at 4:44 am #95387
    Anna Wanland
    Participant

    Good morning from Sweden,

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

    Best regards

    Anna

    April 17, 2019 at 6:13 am #95401
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you,

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

    Best Regards !!

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