Type: css
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
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