Home › Forums › Pro Themes › Business Field Pro › How do I change the background color of my Call To Action widget?

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 27, 2019 at 6:43 am #93959
    Seyedmostafa
    Participant

    I am developing a website and I have a difficulty changing the background color of the widget. The default color is brownish and the text is some kind of pink.

    I would like to set the color to #b74444 and the title and text should be white.

    Can you help?

    Best regards,
    Emilie

    March 27, 2019 at 6:50 am #93961
    wensolutions
    Keymaster

    Hello,

    Can you please provide your site URL so that we can provide the precise fix on this?

    Hoping to hear from you soon.

    Thank you.

    March 27, 2019 at 7:36 am #93963
    Seyedmostafa
    Participant

    Hello,
    than you for your fast reply.
    The URL is https://boss-project.com/
    It is the widget with the title “Lorem Ipsum”.

    March 27, 2019 at 7:37 am #93964
    Seyedmostafa
    Participant

    Hello,
    thank you for your fast reply.
    The URL is https://boss-project.com/
    It is the widget with the title “Lorem Ipsum”.

    March 27, 2019 at 7:38 am #93966
    Seyedmostafa
    Participant

    I would also like to know how I can possibly change the Captions of the service widgets to the color #abca53. I have looked through all of the color options.

    Thank you in advance.

    March 28, 2019 at 12:31 am #94006
    wensolutions
    Keymaster

    Hello,

    To change the color as you want please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    #sidebar-front-page-widget-area .cta-layout-1.business_field_widget_call_to_action, .cta-layout-1 .business_field_widget_call_to_action {
    background: #b74444;

}

#sidebar-front-page-widget-area .cta-layout-1.business_field_widget_call_to_action .call-to-action-description p {
    color: #fff;
}

.service-block-item-excerpt p {
    color: #abca53;
}

    Hope this helps.

    If you have any confusion further kindly let us know.

    Thank you.

    March 28, 2019 at 4:14 am #94040
    Seyedmostafa
    Participant

    It worked with changing the background color. Thanks a lot. But the text I need in #abca53 in the service widget is the title “About”, “Dissemination”, etc., and not their excerpts.

    Do you know how I can add a figure to the left of the Lorem Ipsum text as well? I assume I’ll need to add additional CSS.

    Thank you in advance.

    March 28, 2019 at 4:57 am #94050
    wensolutions
    Keymaster

    Hello,

    Please replace the CSS 

    .service-block-item-excerpt p {
    color: #abca53;
}

    With the CSS given below:

    .widget h3 a {
    color: #abca53;
}

    Hope this works.

    March 28, 2019 at 1:29 pm #94075
    Seyedmostafa
    Participant

    Thank you it works perfectly.

    But did you also know, whether I can add a figure to the left of the “Lorem Ipsum” text in the same widget?

    I apologize for all the questions.

    March 29, 2019 at 12:05 am #94124
    wensolutions
    Keymaster

    Hello,

    Gald that the CSS worked for you.

    As for the query about displaying the image, currently, the feature is not available in the theme and to make it work in such way require higher code customization.

    So if you want then you can hire our professional developer. To hire a developer please refer to below-given link:

    themepalace.com/hire-a-customizer

    Thank you.

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