Okay
  Public Ticket #1592189
Button styling
Closed

Comments

  • sjweeks started the conversation
    May 29, 2018 at 10:12pm

    Hi, I need two button styles. I'm not sure how to achieve this. Hope you can help.
    1. Blue button (#003366) with White text (#ffffff). I can do this with existing options in theme.
    2. White button (#ffffff) with Blue text (#003366). How can I achieve this button style?
    If I add the code 

    .nectar-button span { color:#999999!important; }
    then all button text color changes to #999999, and it doesn't look good.

  •  9,007
    Tahir replied
    May 30, 2018 at 11:37am

    Hey Again,

    You need to add a Extra Class to that row and then target that particular button like this :

    .extra-class .nectar-button span { color:#999999!important; }

    Best

    ThemeNectar Support Team 

  • sjweeks replied
    May 30, 2018 at 4:02pm

    Thanks. I can't get it to work. I know I must be doing something wrong. Here is the code I added in the Custom CSS Code area:
    .whitebutton .nectar-button span { color:#003366!important; }

    And I added "whitebutton" in the Extra Class Name field in the Button Settings box.

    Thanks for all your help.

  •  9,007
    Tahir replied
    May 31, 2018 at 11:22am

    Hey Again,

    See screenshot : http://prntscr.com/jozkbp

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    a.nectar-button.whitebutton {
    color: #292a4a !important;
}

    Thanks


    ThemeNectar Support Team