WordPress.org

Ready to get started?Download WordPress

Forums

Standout Color Boxes and Buttons
[resolved] Rounded corners (6 posts)

  1. MitaLun
    Member
    Posted 1 year ago #

    Hi,
    I would like to change the rounded corners to 20px which I have done in the the css
    .scbb-rounded-corners {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    -khtml-border-radius:20px;
    }
    but it does not change. Did it earlier in the previous version and that worked.

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

  2. jp2112
    Member
    Plugin Author

    Posted 1 year ago #

    Are you doing this in the plugin CSS file, or your own?

    If your own, then you need to add "!important" right before the semicolon on each line.

    Also please check if you are caching the CSS file.

  3. MitaLun
    Member
    Posted 1 year ago #

    Hi, did it in the plugin CSS directly but realized that I had to change at one more place.

  4. jp2112
    Member
    Plugin Author

    Posted 1 year ago #

    I strongly discourage that, because your changes will be overwritten when I issue another plugin update.

    You should put the CSS into your local CSS file and add !important before each semicolon. That will override the plugin CSS. That way, you won't lose your CSS when updating the plugin.

  5. MitaLun
    Member
    Posted 1 year ago #

    Hi, Do you mean in my theme style.css or should I use your "Or enter your own color box/button CSS class name." ?

  6. jp2112
    Member
    Plugin Author

    Posted 1 year ago #

    Those are two different things.

    Yes I am referring to your theme's style.css. Put the CSS there so you won't have to save it and reapply it every time the plugin updates. As I wrote earlier, you need to use the "!important" modifier in order to override the CSS from the plugin.

    The "Enter your own class name" feature is if you wanted to create a new CSS class. You would define the name, then define the CSS in your style.css file. You would not need to use the "!important" modifier because you aren't modifying an existing class, you are creating a new one.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.