Change the second slider button's color

Hi,

I added second button on header slider by inserting JavaScript code and custom CSS. Successfully, I have two buttons on slider, but they have the same color. I need the second button’s color to be different from the first one.
Can you give me some tips?

Thank you!

Hi,

Please post a link to your website, so I can check.

Best Regards,
Csaba

Hi,

The link is cloudmosa.ml

Hey,

I am still waiting your answer.

Hi,

You’ve added the second button with the same roll-button button-slider class, please try to add to the code a custom class like secondary-button for eg, then the second button can be modified separately.

Best Regards,
Csaba

Hi,

I have added a custom class secondary-button button-slider
How to modify this button?

Hi,

Please add roll-button secondary-button button-slider as class instead, then you can change the secondary button’s color with this Custom CSS:

.secondary-button {
    background-color: red !important;
    border: 1px solid red !important;
}

.secondary-button:hover {
    color: red !important;    
    background-color: transparent !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

It works well.
Thank you very much!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba