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.

Comments

Sign In or Register to comment.