Focused Form Fields

form#wpforms-form-1000 input:focus, form#wpforms-form-1000 textarea:focus { box-shadow: 5px 5px 10px #ccc; } form#wpforms-form-1000 input, form#wpforms-form-1000 textarea { transition: box-shadow 0.3s ease-in-out; } form#wpforms-form-1000 button[type=submit]:hover { box-shadow: 5px 5px 10px #ccc; border: 1px solid #ccc; background-color: #eee; } form#wpforms-form-1000 button[type=submit] { border:…Continue reading

Move Admin Bar to the Bottom

body {margin-top: -30px;padding-bottom: 30px;} body.admin-bar #wphead {padding-top: 5px;} body.admin-bar #footer {padding-bottom: 30px;} #wpadminbar { top: auto !important;bottom: 0;} #wpadminbar .menupop .ab-sub-wrapper { bottom: 34px; }Continue reading

Centering All Form Elements

/* Center the form container */ .wpforms-container.wpf-center { margin: 0 auto !important; max-width: 500px !important; width: 500px !important; } /* Center submit button and make it full width */ .wpf-center .wpforms-submit-container { display: inline-block; text-align: center; width: 100% !important; }…Continue reading

How to Center a Form

.wpforms-container.wpf-center { margin: 0 auto !important; /* Adjust the width in the next 2 lines as your site needs */ max-width: 500px !important; width: 500px !important; } /* Readjust the form width for smaller devices */ @media only screen and…Continue reading

Modern CSS Reset

/* 1. Use a more-intuitive box-sizing model */ *, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; } body { /* 3. Add accessible line-height */ line-height: 1.5; /* 4. Improve text…Continue reading

Custom styles for Hello Theme

:root { –primary: #323232; –secondary: #FFD340; –text: #323232; –accent: #5A32F4; –border: #D9D5CC; –light-grey: #efefef; –grey: #505050; –white: #fff; –font-family: ‘Azo Sans’, sans-serif; } /* Custom styles for Hello Theme */ h1,h2,h3,h4,h5,h6 { margin-block-start: inherit; margin-block-end: inherit; } /* Header */…Continue reading

Custom styles for Hello Theme

:root { –primary: #323232; –secondary: #FFD340; –text: #323232; –accent: #5A32F4; –border: #D9D5CC; –light-grey: #efefef; –grey: #505050; –white: #fff; –font-family: ‘Azo Sans’, sans-serif; } /* Custom styles for Hello Theme */ h1,h2,h3,h4,h5,h6 { margin-block-start: inherit; margin-block-end: inherit; } /* Header */…Continue reading