[mirandanashParticipant]

Hello, I want the flat-rounded-regular button to appear in my Revolution Slider. Rounded buttons are appearing correctly throughout the rest of my site, but not in the Revolution Slider (it shows up square). Please see http://test.qeople.com.

I’m calling the button like this in the Revolution Slider:

Become a Member

And, I have this added to the Revolution Slider CSS:

.purple-button {
color: #fff !important;
background-color: #75336e;
border-radius: 0.225em;
}

.purple-button:hover {
color: #fff !important;
background-color: #75336e;
}

Any help is much appreciated!

-Miranda

[mirandanashParticipant]

The Forum website resolved the button code instead of leaving it in tact… Trying again:

<a href='http://test.qeople.com/candidate-landing-page/' class='x-btn x-btn-flat x-btn-rounded x-btn-regular purple-button'>Become a Member</a>

[DarshanaModerator]

Hi there,

You may implement your own button classes and apply. Please refer to the following kb article (https://community.theme.co//kb/implementing-additional-button-colors/).

Hope that helps.

[mirandanashParticipant]

Thanks for the response. I know how to add new button characteristics and new button classes. The problem is that something is conflicting with the button-radius setting in the Revolution Slider, such that the button does not have rounded corners. I can’t figure it out with Inspect Element.

[mirandanashParticipant]

I meant border-radius. Sorry.

[mirandanashParticipant]

OK, I figured this out. I have to redefine the class that Revolution Slider is using (for some reason that doesn’t make sense to me). Seems to be working now. Thanks.

[LelyModerator]

Glad that this is working now.

You’re welcome!

Always,
X

[jaylee9000Participant]

Can you tell me how you got this to work? I am still having this issue. I’m selecting the rounded button but it is appearing with squared corners in the slider

[LelyModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Author]

Posts