Docs

[fullframenw]

Hello, I have one section in my theme that has a color the same as the button highlight. Is there any way to make just this single button a different color/highlight color, including text color?

[fullframenw]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-column.x-sm.x-1-1 a:hover.x-btn.x-btn-global.x-btn-block {
    color: #000 !important;
}

Thanks.

[fullframenw]

Uh oh, that seemed to have changed the first section button as well as the last. (The last was definitely right so thank you on that.) Could I have just the one button at the bottom change?

[Lely]

Hi There,

To make the change specific, please add class custom-btn on your button class field. Then update above CSS to this:

.custom-btn a:hover.x-btn.x-btn-global.x-btn-block {
      color: #000 !important;
}

Hope this helps.

[fullframenw]

Thank you!

[Prasant Rai]

You are most welcome. 🙂

[fullframenw]

Oh no! I accidentally deleted the button, put it right back, and now the custom codes are not working. Any ideas? Sorry!

[Friech]

Hey There,

Did you properly add the class custom-btn to the button?

Please update the code to this.

.custom-btn .x-btn, .x-btn.custom-btn {
	color: #000 !important;
}

Hope it helps, Cheers!

[Author]

Posts