CTA diamonds background colours

Home › Support › eCommerce Gem › CTA diamonds background colours

Tagged: ,

  • This topic has 4 replies, 2 voices, and was last updated 4 years ago by Anonymous.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 21, 2020 at 7:26 am #17640
    Anonymous
    Inactive

    Hi Team, the CTA widget has two diamonds where the percentage and advertisement with a button are located, is it possible to customise the background colour of it? if you could please kindle share the css that would be great, thanks.

    December 25, 2020 at 9:18 am #17668
    nirav
    Keymaster

    Hello There!

    Hope you are doing good!

    Please follow the below step to add custom CSS that changes the diamond background-color.

    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    #home-page-widget-area .widget.ecommerce_gem_widget_call_to_action .cta-widget::before{
	background: black !important;
}

    Hope this helps!

    Regards,
    Team ProDesigns

    January 4, 2021 at 12:14 am #17753
    Anonymous
    Inactive

    Thanks that changed the big diamond background, that’s great
    To change the small top diamond where the percentage goes and the primary button, they are still showing white and grey background colours, would you please share the css? thanks

    January 8, 2021 at 11:19 am #17795
    nirav
    Keymaster

    Hello There!

    Hope you are doing good!

    Please add below css

    /* change small diamond background */
#home-page-widget-area .widget.ecommerce_gem_widget_call_to_action .call-to-action-offer-inner::before {
    background: red !important;
}
/* change big diamond button background */
#home-page-widget-area .widget.ecommerce_gem_widget_call_to_action .cta-button {
    background: red;
}

    Hope this helps!

    Have a great day ahead!

    Regards,
    Team ProDesigns

    January 11, 2021 at 12:39 am #17827
    Anonymous
    Inactive

    Thank you it worked

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