There is an article on the Litmus blog that claims that 600px email width is a myth. What’s the best width for email newsletters? Let’s now talk about the acceptable width of emails, the best width of all email elements, and ways to adjust these elements to multiple email clients, screens, and devices. The height was unlimited and depended on the content length only. The one we’ll use here came from this example on CodePen.This is a very complex topic and can't be covered in a few paragraphs.įor quite a while, the standard email template width used to be 600 pixels for desktop, 320px for vertical, and 480px for horizontal orientation on mobile devices. And there are a number of different techniques floating around. Styling a wide or full-aligned block can be a little tricky. This will let you make changes to the theme without potentially losing them after an update. If you’re using a commercial or default WordPress theme, you’ll want to make sure you’re utilizing a child theme. Now, when you log into WordPress and go to the page/post editor, you should notice that some blocks (not all) have the new “Full” and “Wide” alignment options. This code will signify that you want to turn on full and wide-aligned blocks. Once you’ve added the code, upload the changed functions.php file back into your theme’s folder. Then, copy and paste the following PHP snippet: add_theme_support( 'align-wide' ) Download this file from your website if you haven’t already done so (it can be found in the /wp-content/themes/yourtheme/ folder – substituting “yourtheme” for the actual name of the folder). The first step involves adding a single line of code to your active theme’s functions.php file. The following is a quick tutorial for adding wide alignment support to your WordPress theme and styling the blocks via CSS.Įxplore All Themes & Plugins Adding Theme Support However, there is one small caveat: Your theme must support full and wide-aligned blocks. Just about any content could be added here, which is part of the appeal. Or you might leverage the feature to build a can’t-miss call-to-action area.

You could, for instance, introduce new page sections with a full-width cover block that overlays text on an image background. There are several possible uses for a full or wide-aligned block. This feature adds the potential for a Gutenberg block to break out from the default width of a theme’s content – something that was nearly impossible in the old Classic Editor. One of the more interesting developments in this area is the ability to add “full” or “wide” blocks to a page or post. But it’s also opened up some new possibilities on the front end as well. The Gutenberg block editor for WordPress has changed how we create content within the CMS.

Full width blocs app image