Home>Support>Vantage Buttons – Prefer to use my own rather than the drop-down options, but how?

Vantage Buttons – Prefer to use my own rather than the drop-down options, but how?

By - ET, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Would like to change “Crayola Red” to #CC3333 – for example… can’t find the php/css.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 7 months ago - ET

    Sorry – meant to say my own COLOR.
    :-)

  2. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Eran

    Give our new Button widget a try. You’ll find it contained in our Widget Bundle plugin: http://wordpress.org/plugins/so-widgets-bundle/. It’s customisable in the way you’re looking for.

    Hope that helps.

  3. 10 years, 7 months ago - ET

    Thanks but I need to change colour of buttons that are not widgets.
    For example on my homepage http://www.laugh-masters.com.au – the green call to action button “Book Now”

  4. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    If you use the SiteOrigin Call to Action widget, part of the Widget Bundle: https://wordpress.org/plugins/so-widgets-bundle/. You can set button and text color.

  5. 10 years, 7 months ago - ET

    Thank you – what I really want to do is just edit the code to change Crayola red and Dark Green to a specific hex value – the reason for this is I’m using another plugin that gets corrupted with SiteOrigin’s widget plugin.

  6. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Here are a set of selectors for the button you have that you can customise:

    .origin-widget.origin-widget-button-vantage_flat-dark_green a {
    display:inline-block;
    padding:11px 45px 10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#FFF;
    font-size:1em;
    font-family:inherit;
    font-weight:500;
    text-decoration:none;
    text-shadow:0 1px 0 #009837;
    text-align:center;
    border-bottom:2px solid #009E3C;
    background:#00b450;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#00B34F),color-stop(1,#06B551));
    background:-ms-linear-gradient(bottom,#00B34F,#06B551);
    background:-moz-linear-gradient(center bottom,#00B34F 0%,#06B551 100%);
    background:-o-linear-gradient(#06B551,#00B34F)
}

.origin-widget.origin-widget-button-vantage_flat-dark_green a:hover {
    background:#15BA55;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#00AE4B),color-stop(1,#15BA55));
    background:-ms-linear-gradient(bottom,#00AE4B,#15BA55);
    background:-moz-linear-gradient(center bottom,#00AE4B 0%,#15BA55 100%);
    background:-o-linear-gradient(#15BA55,#00AE4B)
}

.origin-widget.origin-widget-button-vantage_flat-dark_green a:active {
    background:#00AC48;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#00AC48),color-stop(1,#00b450));
    background:-ms-linear-gradient(bottom,#00AC48,#00b450);
    background:-moz-linear-gradient(center bottom,#00AC48 0%,#00b450 100%);
    background:-o-linear-gradient(#00b450,#00AC48);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    padding-top:12px;
    padding-bottom:9px
}
  7. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Perhaps let us know which plugin is conflicting with the Widget Bundle and I’ll log that as a ticket on our side.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More