Sticky header
/*Sticky header*/ #site-header { position: fixed; top:0; opacity: 0.98; } #main { margin-top: 70px !important; /* 70px – width of the header.*/ }Continue reading
Type: css
Elementor Essentials [CSS]
/**************************************************/ /* override Elementor Hello link settings */ /**************************************************/ a { background-color: transparent; text-decoration: none; color: inherit; } /*******************************************************/ /* Remove unnecessary space after paragraphs and lists */ /*******************************************************/ .elementor-widget-text-editor p:last-child, .textwidget p:last-child, ul { margin-bottom:0px;} /********************************/ /* Remove Cookiebot…Continue reading
Gravity Forms customisation [CSS]
.gform_wrapper .gform_validation_errors { display: none !important; } .gform_required_legend { display: none !important; }Continue reading
Cookiebot customization
a#CybotCookiebotDialogPoweredbyCybot,div#CybotCookiebotDialogPoweredByText { display: none; }Continue reading
CSS to prevent copy and paste on Frontend of website
* { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported…Continue reading
Remove the Arrows on the Numbers Field
/* Remove the arrows in the Numbers form field Original doc link: https://wpforms.com/developers/how-to-remove-the-arrows-on-the-numbers-field/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ input[type=”number”]::-webkit-outer-spin-button, input[type=”number”]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } input[type=”number”] { -moz-appearance: textfield !important; }Continue reading
Style Placeholder Text
/* Style placeholder text Original doc link: https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */ color: #aaa !important; } .wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa !important; opacity:…Continue reading
Change the Submit Button Color
/* Change the color of the submit button Original doc link: https://wpforms.com/developers/how-to-change-the-submit-button-color/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-form button[type=submit] { background-color: #066AAB !important; border-color: #066AAB !important; color: #fff !important; transition: background 0.3s ease-in-out; } .wpforms-form button[type=submit]:hover { background-color: #066AAB…Continue reading
frontend – post – author
div.post-author { display: none; }Continue reading
Remove Confirmation Message Box Styling
/* Remove Confirmation Message Box Styling Original doc link: https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-confirmation-container-full { color: inherit !important; margin: 0 !important; background: none !important; border: none !important; padding: 0 !important; }Continue reading