Explore the power of Divi Theme Builder as shared by a seasoned web developer at CharlesWorks. This article unveils how the Divi Theme Builder enhances website flexibility and client autonomy, making it an essential tool for anyone looking to create dynamic, user-friendly websites. From hiding the Divi Builder tag for cleaner aesthetics to leveraging pre-made layouts for faster design processes, learn how these features can revolutionize your web development experience. Whether you’re a novice or an enthusiast, discover how Divi can streamline your workflow and elevate the quality of your projects. Dive into the world of Divi and transform your web development journey.
CSS
How To Fix WordPress Mobile Image Alignment & Text Wrap Problems
You need to add the margin snippet every time you align and image to right or left. <img class="alignright size-medium wp-image-2440" style="padding: 20px;" src="https://website.com/wp-content/uploads/2022/08/plank-pest-spiders-problems-223x300.jpg" alt=""...
Gravity Forms Styling for Submit Button
I was having trouble making a nice SUBMIT button on a Gravity Form. Looking for help out on the Internet had all kinds of purported solutions, some recommending getting additional plugins and so on. Luckily, I didn't need to add any plugins! We always want to avoid...
Navigation Font on Smaller Screens
@media (max-width: 1600px) { #menu-home li, #menu-home li a { font-size: 16px !important; padding-right: 2px!important; } } add the above to child theme css add css id of menu-home to module
Parallax CSS
/* parallax hack */ .et_parallax_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: bottom center; background-size: cover; }
Remove Arrow from Menu
add to child theme css /* remove divi default effects for items with a drop down menu */ ‪#top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;} #top-menu .menu-item-has-children > a:first-child:after{content:...
Optimize Divi for iPad View
At CharlesWorks our favorite theme these days is Divi, by Elegant Themes. We highly recommend it as it allows for much customization which is key in providing unique aesthetics for websites. The Divi theme has built-in settings for responsiveness for numerous devices...
Customize sidebar
Add to CSS .widgettitle { text-align:center; font-size:18px; padding-bottom: 20px; } .et_pb_widget ul li { background-color: #333333; padding: 10px 10px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase;...
Changing default slider arrow on Divi Slider
https://divi-professional.com/how-to-change-default-slider-arrow-icon-on-divi-slider-modules-via-css/