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;
}

Getting Divi, WooCommrece and Products Per Page Plugin to play nice

by | Nov 21, 2015 | Divi, Divi Theme, Woocommrece, Wordpress

Whew, that’s a long title!

So I’m branching out into using the Divi theme a bit more.  It’s an OK theme, I probably haven’t explored all of it’s customizations enough, but it’s no Avada. 🙂  It’s nice though.

If you are using

Then here’s a tip.  It wont work…out of the box at least.  However after much searching I found a quick fix here.

Just add the code below to the functions.php file in your child theme (because you know to ALWAYS use a child theme, right?)

/* products per page with - this fixes it when using divi */
add_action( 'pre_get_posts', 'wppp_extra_filter', 30 );
function wppp_extra_filter( $query = false ) {
$query->set( 'posts_per_page', apply_filters( 'loop_shop_per_page', 12 ) );
}

And presto, it’s working!