Home › Forums › Pro Themes › Easy Commerce Pro › Changing EC:Services Colour

Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 11, 2017 at 6:11 am #55422
    Maria Hilton
    Participant

    Hi, I’m trying to change the EC:Services widget so the background colour is 6a4fa1. Do you know how I can do this? Here is my site so far: https://hipnippers.mystagingwebsite.com/.

    Thanks,

    Maria.

    October 11, 2017 at 6:22 am #55423
    Maria Hilton
    Participant

    Same question re EC: Call to Action.

    October 11, 2017 at 6:37 am #55424
    wensolutions
    Keymaster

    Hello @hipnippers,

    To change the background color of the EC: Service widget use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    #sidebar-front-page-widget-area .widget.easy_commerce_widget_services {
    background: #6a4fa1;
}

    As for the EC: Call to Action the background color will only be applied if the background image in not uploaded for this particular section .

    However you can still use below given CSS to change the background color.

    .cta-layout-1.easy_commerce_widget_call_to_action {
    background: #6a4fa1 none repeat scroll 0 0;
    
}

    Paste the CSS in above given location .

    Hope this helps .

    If you have any confusion further then please let us know.

    Best Regards !!

    October 11, 2017 at 6:43 am #55426
    Maria Hilton
    Participant

    Thank you! The EC:Services one worked but the EC: Call to Action didnt. Is this code ok?

    #sidebar-front-page-widget-area .widget.easy_commerce_widget_services {
    background: #6a4fa1;
    }

    .cta-layout-1.easy_commerce_widget_call_to_action {
    background: #6a4fa1 none repeat scroll 0 0;

    }

    October 11, 2017 at 7:18 am #55428
    wensolutions
    Keymaster

    Hello @hipnippers,

    For CTA section please use below given CSS.

    #sidebar-front-page-widget-area .cta-layout-1.easy_commerce_widget_call_to_action::before {
    background: #6a4fa1;
    }

    Hope this helps .

    Best Regards!!

    October 11, 2017 at 8:14 am #55429
    Maria Hilton
    Participant

    Fab – that works now – thanks so much!

    October 11, 2017 at 11:24 pm #55479
    wensolutions
    Keymaster

    Hello @hipnippers,

    Glad we could help you !!

    If you have any issues further, please feel free to post your queries and we will happily help you further.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

    https://wordpress.org/support/theme/easy-commerce/reviews/

    Best regards !!

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