Changes visible in editor, but not on live web in the browsers

Support
#1

Hi,
I am learning simple transformations for the buttons on hoover.
CSS is here:
.x-anchor-button{
cursor: pointer;
/background-image: var(–gradient);/
transition: scale, 200ms;
}
.x-anchor-button:hover{
transform: scale(1.05,1.05);
}
I can see changes taking place in cornerstone, but they are not visible on live pages.
What can be causing that?

Website link:

Thank you!

#2

Hello @pablo102,

Thanks for writing in! Please refrain from using custom CSS to avoid any conflicts or issues. If you want to have button effects, please apply the Effects module in the Button element settings instead. If you are not familiar with the Effects module, check this out:

Or check out this video:

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Best Regards.

#3

Ok,

but how should I address multiple buttons on multiple pages (if I want to change their properties) if custom css can cause conflicts?

#4

Hi @pablo102,

I would suggest you style one of the Button and save as Preset and apply it to any other button to replicate the same style.

Screenshot-1214-

Hope it helps.
Thanks

#5

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