bg-image
body { background-image: url(“https://modernagewebsitedesign.com/wp-content/uploads/2024/12/architecture.jpg”); background-repeat: no-repeat; }Continue reading
Location: site_wide_header
Untitled Snippet
Home About Contact ☰Continue reading
bg color css
body { background-color: #442063; }Continue reading
Add Sticky Header – Astra Free
/*Make Header Sticky*/ .site-header { position: fixed; top: 0; width: 100%; } /*Adjust Content Padding*/ .site-content { padding-top: 170px; } /*Adjust Content Padding for Mobile*/ @media (max-width: 800px) { .site-content { padding-top: 100px; } /*Stick the Off-Canvas Navigation Menu –…Continue reading
Coupon Code Button
button.wpforms-field-payment-coupon-button { background-color:#028b49 !important; padding: 10px !important; } button.wpforms-field-payment-coupon-button:hover { background-color:#028b49 !important; }Continue reading
How to Customize the Labels for Image Choices
/* Position labels over images and hide them by default */ form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0;…Continue reading
How to Move to the Next Page Automatically
/** * Navigate to the next page automatically * * @link https://wpforms.com/developers/how-to-move-to-the-next-page-automatically/ */ function wpf_dev_automatic_next_page( ) { ?>Continue reading
Google Analytics – Good Question
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(‘js’, new Date()); gtag(‘config’, ‘G-DB0MPN4KEG’);Continue reading
Split Full Name at Checkout
document.addEventListener(‘DOMContentLoaded’, function () { // Select the First Name field var firstNameField = document.querySelector(‘#billing_first_name’); var lastNameField = document.querySelector(‘#billing_last_name’); if (firstNameField) { firstNameField.addEventListener(‘change’, function () { var fullName = firstNameField.value.trim(); var nameParts = fullName.split(‘ ‘); // Extract First Name and Last…Continue reading
Theme Custom CSS
/*————————————- Branding and Logo Styles ————————————-*/ .site-title img { padding: 14px 0; height: 100%; } .site-header .site-title, #site-logo .site-title img.bb-logo { height: 100%; } .mobile-logo-wrapper { height: 100%; } .site-branding { padding-left: 0 !important; } /*————————————- Menu and Navigation Styles…Continue reading