css - WPCode Library

My account + checkout + thank you page styles

.form-row.validate-required br, .woocommerce .tc-epo-metadata .tc-hidden-variation, .woocommerce-checkout-review-order .variation .tc-value>p br, .fee, .optional {display: none;}.woocommerce-account .woocommerce, .woocommerce-checkout .woocommerce {visibility: visible }.ec-login-item .woocommerce-privacy-policy-text {padding-block: 0 }.ec-thankyou-customer-form {–__form-gap: .25rem;flex-wrap: wrap;gap: calc(4 * var(–__form-gap)) var(–__form-gap) }.ec-thankyou-customer-form .form-row {margin: 0;flex-grow: 1;flex-basis: 100%;}.notes .input-text {min-height: 6rem;}.woocommerce-order-overview, .wc-item-meta…Continue reading

CSS textarea

Framework_Fluid_CSS

:root { /* Text Size Scale */ –text-xs: clamp(0.72rem, calc(0.82rem + -0.13vw), 0.79rem); –text-s: clamp(0.89rem, calc(0.88rem + 0.02vw), 0.90rem); –text-m: clamp(1.00rem, calc(0.95rem + 0.23vw), 1.13rem); –text-l: clamp(1.13rem, calc(1.02rem + 0.51vw), 1.41rem); –text-xl: clamp(1.27rem, calc(1.09rem + 0.90vw), 1.76rem); –text-2xl: clamp(1.42rem, calc(1.14rem…Continue reading

home slider css

/* Increase the image size in the slider */ .container { width: 100%; max-width: 90%; /* margin: 0 auto; */ } .custom-slider.slick-initialized.slick-slider { position: absolute; width: 111.11%; /* Set width to 100% to make it stretch */ top: -45px; /*…Continue reading

mobile sticky menu chatgpt css

/* Reset some default styles */ body, h1, ul { margin: 0; padding: 0; } /* Hide the container by default for larger screens */ .mobile-bottom-menu-container { display: none; } /* Column styles */ .mobile-bottom-menu-column { flex: 1; text-align: center;…Continue reading

custom footer chatgpt css

/* Style the footer container */ #custom-footer { background-color: #fff; /* White background */ padding: 1px; width: 1200px; max-width: 90%; margin: 0 auto; } /* Reduce the margin bottom for elements within .footer-column */ .footer-column h3 { margin-bottom: 5px; /*…Continue reading

Super Socializer Signin with google style

.theChampLogin.theChampGoogleBackground.theChampGoogleLogin{ height: 44px; background-color: #4285F4; border-radius: 2px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.5); width: 184px; } .theChampLogin.theChampGoogleBackground.theChampGoogleLogin:hover{ box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25); } .theChampLogin.theChampGoogleBackground.theChampGoogleLogin::after{ margin-top: 1px; margin-left: 1px; margin-bottom: 1px; content: “Sign in With Google”; float:…Continue reading

disable joinchat whatsapp plugin on mobile biew

@media only screen and (max-width: 567px) { .joinchat{ position: absolute; bottom:70px; –s: 36px; margin-right:px; display:none } .footer-width-fixer{ display:none; } }Continue reading

cart preview image stretch fix in oceanWP theme

/*Menu cart hover dropdown box image stretch fix*/ .woocommerce ul.product_list_widget li img { float: unset !important; display: block !important; min-width: 80px !important; height: 80px !important; margin-left: unset !important; position: relative !important; } .woocommerce ul.product_list_widget .wpr-mini-cart-image { display: inline-block; float: left;…Continue reading

Hide SALE! Badges

/*Hide WooCommerce SALES Badges*/ .woocommerce span.onsale { display: none; } /*Hide SALES Badges in home page elementor*/ .ht-product-label.ht-product-label-right{ display: none; }Continue reading