Make divs equal height

by | May 26, 2020 | jQuery, Wordpress

Add this code to make divs equal height

<script>
var maxHeight = 0;

jQuery( document ).ready(function() {	
	
jQuery(".equalize").each(function(){
   if (jQuery(this).height() > maxHeight) { maxHeight = jQuery(this).height(); }
});

jQuery(".equalize").height(maxHeight);	
	
});	
	
</script>

Divi Image Sizes

by | Nov 13, 2018 | Divi, Divi Theme

A good handy guide for Divi image sizes.

  • Full Width Edge To Edge: 1920×1080
  • 1 column: 1080 x 608
  • 3/4 column: 795 x 447
  • 2/3 column: 700 x 394
  • 1/2 column: 510 x 287
  • 1/3 column: 320 x 181
  • 1/4 column: 225 x 128

height should follow 16:9 if possible

Add This to .htaccess to speed things up

by | Aug 14, 2018 | Google, htaccess, HTML, SEO, Wordpress

Enable Gzip and browser caching code.  Add to the bottom of the .htaccess

# LBROWSERCSTART Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/xhtml-xml "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
# END Caching LBROWSERCEND

# START GZIP ENABLING #
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>
# END GZIP ENABLING #

Divi: Sub-Menu resize

by | Jun 8, 2016 | Divi, Favorites

Tired of hunting this down E-V-E-R-Y time I need it. 🙂

/*Sub menu adjustments */
#top-menu li ul { width: 280px; }
#top-menu li li a { width: 250px; font-size: 105%; }

Divi Custom Blurbs

by | Jun 6, 2016 | Divi, Wordpress

This coolness: http://divisoup.com/custom-blurb-module/

+

This tweak to the CSS

/*———- [Custom Blurb Module] ———-*/
.OurWorkmanship img {
border: 5px solid ‪#‎FA1010‬;
border-radius: 50%;
margin-top: -170px;
}
.OurProducts img {
border: 5px solid #FA1010;
border-radius: 50%;
margin-top: -170px;
}
.OurServicePromise img {
border: 5px solid #FA1010;
border-radius: 50%;
margin-top: -170px;
}

.OurServicePromise {
webkit-border-radius: 30px;
moz-border-radius: 30px;
border-radius: 30px;
}

.OurProducts {
webkit-border-radius: 30px;
moz-border-radius: 30px;
border-radius: 30px;
}

.OurWorkmanship {
webkit-border-radius: 30px;
moz-border-radius: 30px;
border-radius: 30px;
}