Okay
  Public Ticket #2736653
Button Styles
Closed

Comments

  • Jason started the conversation
    March 30, 2021 at 4:53pm

    I am trying to set a style for the Nectar buttons on the Salient Theme and have checked the Typography>Nectar Specific Elements Screen.


    I would like to change the text colour of the buttons and make then round.

    How can I do this?


    Cheers,

    J.

  •  2,967
    Andrew replied
    March 30, 2021 at 4:55pm

    Hi Jason,

    Please send your website url so that we can provide cs for what's possible.

    Thanks.

  • Jason replied
    March 30, 2021 at 5:00pm

    www.bumbleance.com

    Buttons are currently black, square with white text

    I would like yellow buttons, rounded and black text


  •  2,967
    Andrew replied
    March 30, 2021 at 5:18pm

    Hi Jason,

    Please try this css:

    #featured article .post-title > a {
        color: #000;
        border: 2px solid yellow;
        border-radius: 33px;
    }

    Thanks.

  • Jason replied
    March 30, 2021 at 6:16pm

    Thanks - I tried that and no change to the buttons eg "Send Button"

    https://www.bumbleance.com/contact-us/


  •  2,967
    Andrew replied
    March 30, 2021 at 6:19pm

    Hi Jason,

    For the send button please try this css:

    input[type=submit], button[type=submit], input[type="button"] {
        background-color: yellow;
        color: #000;
        border-radius: 32px !important;
    }

    Thanks.

  • Jason replied
    March 30, 2021 at 6:23pm

    Yes - excellent - that worked!