Blog
How to Create a Smooth Infinite Loop Image Carousel with Elementor Pro
https://www.youtube.com/watch?v=dXK4PDWze5M Want the code? Here it is: selector .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }
How to Fix Blurry Product Images in WooCommerce?( 100% Work)
Place image dimension as shown in the picture: Then apply this CSS code: img.attachment-woocommerce_thumbnail{ height: 400px; object-fit: cover; width: 100% !important; } .products .product .product_thumbnail img{ width: 100% !important; }
How to remove scroll bar from embedded Calendly schedule?
Just add the CSS code below in the additional CSS : .calendly-inline-widget iframe { height: 1000px !important; } it will fix all the scrolling issues on desktops, tablets & from mobile.
Divi Dropdown Menu Hover & Text Color Change
#top-menu li li a:hover { background-color:#E02B20; } #top-menu li li a:hover { color: #ffff; opacity: 1 !important; }
How To Make All Wp Form Field Same Width (With Custom CSS)
.wpforms-container .wpforms-field { max-width: 300px !important; } .wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month],...
How To Align Centre Divi Footer Copyright Text
Apply This CSS Code: #footer-info { width: 100%; margin:0 auto; text-align: center !important; } @media only screen and (min-width: 980px) { #footer-bottom .et-social-icons { margin-bottom:-28px; } } .bottom-nav { text-align: center; }
How To Create Collapse Submenus on Mobile For Divi
If you are using our free Divi child theme, place this snippet into the scripts.js file and remove the <script> tags at the beginning and end. Otherwise, place this in your Divi>Theme Options>Integrations tab in the "Add code to the < head > of your...
How To Change Divi Mobile Menu Color
Apply this CSS: /* Main header */ @media only screen and (max-width: 1000px){ #main-header{ background-color:#020202; } } @media only screen and (max-width: 980px) { #et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after { color:...
How To Chnage The Design of Divi Default Menu
Apply This CSS code: #top-menu li li a { border: 1px solid whitesmoke; margin-bottom: 15px; text-align: center; } #top-menu li li a:hover { color: #ffde00; background: black; opacity: 1!important; } .nav li ul { border-top: 0px solid #0dbad8; margin-top: -10px; } .nav...
How To Change Divi Fullwidth Header Width
Apply This CSS Code: .et_pb_fullwidth_header { min-height:80px;padding: 10px 0 !important;}