Multi Column Blogmulti Column Blog Layout

by



You’ve been asking, and now, after hundreds of thousands of code changes, we’re delivering. Your documents are about to get a lot prettier.

We’re extremely happy to finally announce this:

Multi Column Blogmulti Column Blog Layouts

Introducing multi-column layouts and more in Writer. Woot woot!

This is an exhibition website for the 350th Francke Foundation anniversary. It is a plain white design with a multi-column layout. This lifestyle blog website has an elegant website design with a great content arrangement. Sports Website Design. Here is a varicolored website theme with a multi-column layout. The CSS Multi-column Layout Module features enable us to recreate the same kind of multi-column effect on websites. One thing that makes it hard to use multiple columns when designing web pages is. Open up the row settings, click on the custom CSS tab and give it a Column CSS class of ds-blog-three-column. Be sure to add this to the Column CSS Class field and NOT the CSS Class field. Then save & exit. Next, add the CSS from the toggle below into your child theme stylesheet, Divi options custom CSS box or the page specific CSS box.

  • One of the features that we'd like to talk about is the one we added to simplify multi column layouts, which is modelled after Bootstrap grid system / column classes. CSS Based Multi Column Layouts Serenity and Bootstrap meet later in life, so originally Serenity form layouts weren't based on Boostrap or any other popular grid system.
  • Multi-Column Stacked Liquid Layout The power and flexibility of the above layouts is extended by stacking any number of them together in any order to create an unlimited number of designs. Overcoming cross-browser CSS issues.
Layout

What is multi-column and why is it important?

Newspapers, magazines, and even websites like Twitter have been using multi-column layouts for years now. Using fewer words on a line supports scalability. Content presented in multiple columns is easier to read and easier on the eyes.

Research into column width found that when columns were wider than a certain width, people either didn’t keep reading or didn’t take in what they had read.

From an aesthetics point of view, multi-column layouts just look neat and pretty. They let you say a lot more in minimal space.

Multi Column Blogmulti Column Blog Layout Example

Grab their attention.

Beyond a multi-column layout, how else can you engage readers? Pull quotes are our answer to this question. Simply select blocks of text and convert them into gorgeous visual elements.

Take a look at some of our designs:

Drop caps are here.

Drop caps are decorative capital letter elements that you can use at the start of a paragraph or section. Our designers have put together a collection of over 15 attractive designs you can use. Take a look:

Multi Column Blogmulti Column Blog Layout Template

Multi-column layouts, pull quotes, and drop caps can turn plain documents into beautiful, engaging pieces of content. While we’re excited to present it to you, we’re even more excited to know how you’ll use it in Writer. Let us know in the comments section below!

Happy writing!

Multi Column Blogmulti Column Blog Layout Templates

New to Writer? Writer is a powerful collaboration platform, built on a clean and crisp writing space. Add people to your document. Talk it over using comments and live chat. Track changes they make. All real-time, all free!