rounded corners on buttons
HI,
I've been trying for a few days to get rounded corners on a button i place in the slider.
I can get rounded corners on the button.. but when you hover over and go to click it removed the rounded corners.
I've added custom CSS to control the button and it works outside of Revolution Slider. But not inside it.
Here is both code i added in the "Advanced Layer CSS" option.
{
line-height: 40px;
background-color: #CD171F;
padding: 8px 25px;
text-decoration: none;
color: #fff;
border-radius: 10px;
}
and hover state is
{
line-height: 40px;
background-color: #767171;
padding: 8px 25px;
text-decoration: none;
color: #fff;
border-radius: 10px!important;
}
nothing should change only the background color.
Can you test this on your own website as I've removed it from mine to try something else until this is fixed.
I've been trying for a few days to get rounded corners on a button i place in the slider.
I can get rounded corners on the button.. but when you hover over and go to click it removed the rounded corners.
I've added custom CSS to control the button and it works outside of Revolution Slider. But not inside it.
Here is both code i added in the "Advanced Layer CSS" option.
{
line-height: 40px;
background-color: #CD171F;
padding: 8px 25px;
text-decoration: none;
color: #fff;
border-radius: 10px;
}
and hover state is
{
line-height: 40px;
background-color: #767171;
padding: 8px 25px;
text-decoration: none;
color: #fff;
border-radius: 10px!important;
}
nothing should change only the background color.
Can you test this on your own website as I've removed it from mine to try something else until this is fixed.
Comments
any link to page where button on slider is and it does not work?
I supplied the code so you can see what I did.
the Click Here button in slider.
thanks.
http://pasteboard.co/nv6Lmabbu.png
http://pasteboard.co/nv7wanuhs.png
http://pasteboard.co/nv7SnC9Ki.png
http://pasteboard.co/nv8q7H0xZ.png
thanks so much.