Customize CSS
Posted: Sat Apr 20, 2024 1:38 am
(Version: 19.2.0)
Hi Everybody,
I've scoured the WYSIWYG documentation and even several youTube videos, but a solution eludes me. I need some help with this, Please?
I want to customize how a display will behave when an input box is in focus. The WYSIWYG interface allows me to select just the focus color. And then there is the Style Manager. I want to do much more than that.
This is the code I would use with an HTML editor. It would be placed in a seperate CSS file. Performs well through any browser:
Please, someone show me how to incude code such as this through the WYSIWYG Web Builder interface.
Hi Everybody,
I've scoured the WYSIWYG documentation and even several youTube videos, but a solution eludes me. I need some help with this, Please?
I want to customize how a display will behave when an input box is in focus. The WYSIWYG interface allows me to select just the focus color. And then there is the Style Manager. I want to do much more than that.
This is the code I would use with an HTML editor. It would be placed in a seperate CSS file. Performs well through any browser:
Code: Select all
input[type=text],
input[type=number],
input[type=password],
input[type=email]
{
border-bottom: solid;
border-right: solid;
border-top: solid;
border-color: #000000 ;
border-width: 0.125rem;
border-radius: 0rem 0rem 0rem 0rem;
background-color: #F0F0F0 ;
height: 2.5rem;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=email]:focus
{
background-color: #FFFF00;
border-color: #000000;
box-shadow: #339900 0.625rem 1.25rem 1.25rem -0.625rem;
font-family: Cabin SemiBold, sans-serif;
font-weight: bold;
caret-color: #000000;
}