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=""...
CSS
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/