WordPress.org

Forums

Business Contact Widget
[resolved] Change background colour of tabs (4 posts)

  1. bergrachael
    Member
    Posted 1 year ago #

    I'd like to change the background colour of the tabs (the light grey). I made some changes to business-contact-widget/css/jquery-ui-skeleton.min.css but it doesn't seem to change on the website.
    Thanks.

    https://wordpress.org/plugins/business-contact-widget/

  2. StressFree Sites
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    The background colour of the tabs can be changed using the admin page on the backend. Go to "Settings" ->"Business Contact Widget" -> "Styling" tab -> then select from the drop down your choice of colour.

    If you don't like any of those colour option then you have to add custom css along these lines:

    /* Default state colour */
    .business-contact .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
    background-color: <CHOSENCOLOUR>;
    }

    /* Active state colour */
    .business-contact .ui-state-active,
    .business-contact .ui-widget-content .ui-state-active,
    .business-contact .ui-widget-header .ui-state-active {
    background-color: <CHOSENCOLOUR>;
    }

    I hope that helps,

    Alex

  3. bergrachael
    Member
    Posted 1 year ago #

    Hi Alex,

    Thanks for your reply. I forgot to mention I am using the 'skeleton' option, would the css still be the same?

    Which file should I be adding the css to? I have tried a few different files, but I still can't get the colours to change.

    Kind Regards
    Rachael

  4. StressFree Sites
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    It is not a good idea to change the .css files in the plugin directory as any changes will be lost in future updates. It is best to add the code using a "Custom CSS" plugin e.g., https://wordpress.org/plugins/simple-custom-css/

    Yes the code will work best using the skeleton option.

    Regards,

    Alex

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Business Contact Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic