Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter grannydj

    (@grannydj)

    I found this at the bottom of the CSS for this theme
    They’re codes for blue. Can you help me fix this so the buttons are gray? Also how do I put rounded corners in?

    .wdform_button button {
    background: #0E4D92;
    cursor: pointer;
    font-size: 17px;
    border-radius: 4px;
    min-width: 80px;
    min-height: 27px;
    color: #fff;
    border: 2px solid #0E3F77;
    margin: 5px;
    box-shadow: 0px 0px 2px #c9c9c9;
    font-family: Segoe UI;
    }
    .wdform_button button:active {
    border: 2px solid #0B2D52;
    background: #0E3F77;
    }

    Plugin Contributor webdorado

    (@webdorado)

    Dear grannydj,

    Please use the following code:

    .wdform_button button {
    background: #0E4D92 !important;
    cursor: pointer;
    font-size: 17px;
    border-radius: 4px !important;
    min-width: 80px;
    min-height: 27px;
    color: #fff;
    border: 2px solid #0E3F77;
    margin: 5px;
    box-shadow: 0px 0px 2px #c9c9c9;
    font-family: Segoe UI;
    }
    .wdform_button button:active {
    border: 2px solid #0B2D52;
    background: #0E3F77 !important;
    }

    !important is added to background color and border radius.
    Thank you.

    Thread Starter grannydj

    (@grannydj)

    Hi thanks for getting back to me.

    I tried your code above and the button is still blue. You can see it down by the Koupon Klipper. https://grannysclozet.com/?page_id=273

    How do I make the button gray to match the other buttons? Thanks again.

    Plugin Contributor webdorado

    (@webdorado)

    Dear grannydj,

    Please note, that the selected colors are blue. Please change them to gray, but keep the !important attribute.

    Thank you.

    Thread Starter grannydj

    (@grannydj)

    Ah, ok, Thanks for the tip! Let me work my apprentice magic and see it I can get the mouse over shading right. All that -moz and linear gradient stuff is confusing to me.

    Is .wdform_button button {} the only <div> I need to work with?

    Plugin Contributor webdorado

    (@webdorado)

    Dear grannydj,

    Yes, that is the class.
    Thank you.

    Thread Starter grannydj

    (@grannydj)

    Thanks bunches. I ended up changing the theme and it’s perfect now. But can you tell me how I can make the button smaller to match the other one on the page?

    https://grannysclozet.com/services/

    Thread Starter grannydj

    (@grannydj)

    I don’t mean smaller, I just want the buttons to match. Thanks

    Plugin Contributor webdorado

    (@webdorado)

    Dear grannydj,

    Unfortunately, the link is unavailable and we cannot suggest you the code without it. Please send a link, where you have both of the mentioned buttons.
    Thank you.

    Thread Starter grannydj

    (@grannydj)

    Oops, sorry. The link should work now. I actually like your button better, any idea on how to change the theme buttons to look like yours?

    Plugin Contributor webdorado

    (@webdorado)

    Dear grannydj,

    Please copy the button’s style code to your button’s css in your theme.
    Thank you.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Is Theme 4 button color wrong?’ is closed to new replies.