Okay
  Public Ticket #1060769
Nectar Buttons SOLID color only
Closed

Comments

  •  2
    localit started the conversation

    Firstly, thanks for the great theme!

    My issue is that the Nectar Slider buttons and the normal Nectar buttons are a different coloring style and I need them all to be the same style.

    Here's the nectar slider button: http://prnt.sc/e8dprd

    As you can see with the slider button, the entire button is one colour (solid)

    -------------

    Normal nectar button: http://prnt.sc/e8dpub

    As you can see with the normal nectar button, the bottom of the button is a dark green whilst the remaining button is a lighter green. I've scoured through the CSS and cannot find what's causing the bottom of this normal button to be dark green.

    Please assist, I need all buttons to be one colour solid. We can't have different buttons across the website for the sake of uniformity.

    My website is in maintenance mode right now.

    Thanks

  •  2
    localit replied

    Apologies!!! I have found the rule that is causing this:

    .nectar-button.large {
        box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    }

    To correct the issue, change the last value to: 0 as below and paste into Salient Options custom CSS:

    .nectar-button.large {
        box-shadow: 0 -3px rgba(0, 0, 0, 0) inset;
        -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0) inset;
        -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0) inset;
        -o-box-shadow: 0 -3px rgba(0, 0, 0, 0) inset;
    }

    For some reason when I disabled it in inspection mode it didn't fix the issue, however after manually editing the code it removed the border.

    Have a great day!

  •  8,999
    Tahir replied

    Hey Chee, 

    I see you got it working. Let us know  .

    Be.st


    ThemeNectar Support Team