Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

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

Admin/Floating Toolbar – Backend CSS

/** * MX Floating Toolbar * – Requires snippet Admin/Floating Toolbar * – Extended for Users search along with Plugins; requires modified (named) version of snippet * * Updated 2024-07-25 * 2024-10-23 – swapped F-codes with dashicon glyphs because WPCode…Continue reading

Admin/Floating Toolbar – Frontend CSS

/** * MX Floating Toolbar * – Requires snippet Admin/Floating Toolbar * – Extended for Users search along with Plugins; requires modified (named) version of snippet * * Updated 2024-07-25 * 2024-10-23 – swapped F-codes with dashicon glyphs because WPCode…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

Button-Movement #The Greek

button { padding: 10px 20px; font-size: 16px; transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; border-radius: 5px; } button:hover { background-color: #ff6347; transform: scale(1.1) rotate(3deg); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3); }Continue reading

Mobile Header Left

body:(.logged-in) .bb-mobile-header .flex-1 { -webkit-box-pack: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: flex-start !important; }Continue reading