Home › Forums › Pro Themes › Clean Commerce Pro › Background color CTA

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 12, 2017 at 3:56 pm #55569
    Rasmus Klinge
    Participant

    Hi

    Im having problems changing the background color in CTA when using layout2? Is it because the picture is not the right size or? I would like the color to be black or white.(talking about the left side)

    CTA layout 2

    October 13, 2017 at 12:29 am #55597
    wensolutions
    Keymaster

    Hello @kitchentools,

    To change the background color of the CTA widget at left side use below given CSS.

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

    .cta-layout-2.clean_commerce_widget_call_to_action .cta-wrapper {
    background: rgb(16, 1, 1);
    }

    This will change the background color to black . You can change the color according to your need by changing the rgb value equivalent to hex color of your choice .

    Hope this helps .

    Best Regards!!

    October 13, 2017 at 1:16 am #55608
    Rasmus Klinge
    Participant

    Thank you so much.

    And thank you for the very fast reply.

    October 13, 2017 at 1:56 am #55611
    wensolutions
    Keymaster

    Hello @kitchentools,

    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/clean-commerce/reviews/

    Best regards !!

    October 26, 2017 at 1:40 pm #56760
    Mansor Almossa
    Participant

    Hi, thank you for all the info, can you tell me what is the code for making the background box size smaller for CTA layout 1 please.

    I just want to write one line of message but the box ( the black area ) is too big.

    thank you

    October 27, 2017 at 12:15 am #56796
    wensolutions
    Keymaster

    Hello @malmossa,

    To make the CTA section smaller use below given CSS.

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

    #sidebar-front-page-widget-area .cta-layout-1 {
    padding: 0 0 10px 0;
}

    Hope this helps.

    Let us know if you have any confusion further .

    Best Regards!!

    October 27, 2017 at 8:45 am #56830
    Mansor Almossa
    Participant

    great it works,

    thank you

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