How to get greater control over buttons?

Support
#1

I’m using a global button created using Cornerstone > Globals > Options > Buttons.

It gives options for style, shape, color, etc.

But, how do I get more control over this global button? For instance, how do I remove the shadow it puts under text?

How do I make the border thicker and dashed?

And, I have a global css rule applied to links so they’re underlined. How do I target the button text so it’s not underlined?

a:not(.button) {
text-decoration: underline;
}

thank you

#2

Hey @ShermanPotter,

The Global Buttons can only be totally controlled using custom CSS. We can provide you with the class names to target but we cannot guide with the complete custom CSS. Use the selectors below.

.x-btn, .button, [type="submit"]

If you need complete CSS guidance, please consider subscribing to our One Single Platform service (see https://theme.co/one).

Thanks.

#3

Where is the default location that X Theme stores that CSS such as .x-btn and .button?

Thank you Christian

#4

Hello @ShermanPotter,

It depends on the stack that you are using. Normally, it is in this location:

Best Regards.

#5

thank you!

#6

No problem.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.