WordPress.org

Support

Support » Plugins and Hacks » Business Contact Widget » [Resolved] Change background colour of tabs

[Resolved] Change background colour of tabs

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author StressFree Sites

    @stressfree-sites

    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

    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

    Plugin Author StressFree Sites

    @stressfree-sites

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Change background colour of tabs’ is closed to new replies.
Skip to toolbar