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.
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
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!
Hey Chee,
I see you got it working. Let us know .
Be.st
ThemeNectar Support Team