WordPress.org

Forums

Standout Color Boxes and Buttons
[resolved] change font? (4 posts)

  1. soulslayer
    Member
    Posted 1 year ago #

    I don't see the option in the parameters to change the font style. How is that done?

    https://wordpress.org/plugins/standout-color-boxes-and-buttons/

  2. jp2112
    Member
    Plugin Author

    Posted 1 year ago #

    There is no CSS in the plugin that sets font, nor is there any means to do so on the settings page. You will need to do it in your local stylesheet.

    You should target two different classes:

    .scbb-content-box
    .scbb-button

    So just add the above to your local stylesheet with whatever font you want. Ex:

    .scbb-content-box { font-style:verdana }
    .scbb-button { font-style:arial }
  3. jaspud
    Member
    Posted 1 year ago #

    Would there be an easy way to change the font color with this? Sometimes the white is difficult to read.

    Thanks for your help :)

  4. photoMaldives
    Member
    Posted 1 year ago #

    Hi jaspud - I am not the plugin author, but I spotted your message.

    Below is the custom CSS that I've used on my site - something similar will probably work for you too. Add to the bottom of your STYLES.CSS file in the usual way.

    The first part is the normal button, followed by the colors for HOVER and ACTIVE (clicked) -

    .scbb-button-blue {
        background-color: #80ABC4 !important;
        color: #222222 !important;
        border: 1px solid #ffffff !important;}
    
    .scbb-button-blue:hover {
        background-color: #005789 !important;
        color: #ffffff !important;
        border: 1px solid #ffffff !important;}
    
    .scbb-button-blue:active {
        background-color: #005789 !important;
        color: #cccccc!important;
        border: 1px solid #ffffff !important;}

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Standout Color Boxes and Buttons
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.