This tutorial will help you create columns and grids
Step by step instructions on creating columns and grids
To follow this tutorial, you must first log into your website.
When editing a page or post on your website, you can use columns to format your content. All pages have a fixed maximum width, and columns will automatically fit inside that. By default, they don’t have any visual appearance (e.g. no borders or background colours), so they’re purely structural elements. But you can add some design customisations by editing the column settings, if needed.
Similar to columns, you can also use a Grid Row element. However, this element will span the entire browser width (not just the width of the content on the pages), and has different configuration options. It works more like a traditional table that you might use in a document, including formatting controls on each cell in the table.
You can add a column or grid layout by choosing the “Layout Elements” tab in the page editor, and dragging the desired column width onto the page builder canvas area.
After adding the element, you can adjust the number and width of columns/cells, and change the design of each.
The are many different sizes to choose from when adding a column/grid:
- 1/1 – Full content width
- 1/2 – One half content width
- 1/3 – One third content width
- 1/4 – One quarter content width
- 3/4 – Three quarter content width
- 1/5 – One fifth content width
- 2/5 – Two fifths content width
- 3/5 – Three fifths content width
- 4/5 – Four fifths content width
- Color Section – Spans the entire browser width and is used to create sections or group content together; columns can be added within a Color Section
- Grid Row – Spans the entire browser width and is used for large blocks of colour or images side by side
To resize a column, hover over the column’s title bar and click the left/right arrows.
To resize a Grid Row cell, at the bottom right corner of the Grid Row, click on “Resize Cells” and choose your preferred layout.
You can customise various elements of each column, Color Section, Grid Row, and cells within Grid Rows. The options vary, but may include background images and colours, borders, padding inside each element, spacing between elements, and more.
Simply hover over the element in question and click the “Edit” button to access the settings.
Thanks very much for your work. I’m very happy with the quality of the final product as well as your rapid turnaround time.
The standard of work and value for money was excellent! It was great that any requests for changes were dealt with promptly. I’d be happy to recommend your services.
St Hilliers is very happy with the service provided by GO Creative. Our micro-website design was user friendly and the overall standard of work was excellent.
Overall very pleased with the outcome of the website. From start to finish, GO Creative was extremely helpful. Thankyou!
GO Creative understood our needs well, and their communication and work standards were excellent. The redevelopment of our website was good value for money.
My business dealings with GO Creative have been nothing short of excellent. Their creativity with web pages and graphics has made my life so much easier. I have and will continue to recommend GO Creative to people I know who can use their services.
Grant and his team are wonderful to work with. Patient, understanding and quick to respond. I couldn’t recommend them highly enough!
GO Creative will investigate exactly what it is you want to achieve; then use their creativity and expertise to deliver something that will blow you away, ensuring you are kept in the loop every step of the way. You will become a raving fan! Thank you for helping me achieve success with Global Innovations.
GO Creative’s standard of work, value for money and communication on our SEO and PPC campaigns was excellent! Great service. Thanks.
GO Creative has been a great help to my business. Their staff are very capable and punctual and they offer excellent ideas in web design and marketing.
I was very impressed how GO Creative handled the website for OzSports, so we revamped the website for OzSports Trophies as well.
We have worked with GO Creative on several projects. Every time documentation was written well and any additional information necessary to complete project was provided. We definitely will be glad to work together with GO Creative in future and would recommend them as a partner for other web design and development agencies.
Really happy with all aspects of service received from GO Creative. A very professional business with fast lead times and overall great service.
GO Creative has a talented team, with the ability to interpret an abstract brief and deliver concrete results. It’s always a pleasure to work with the GO Creative Team, after 2 years hiatus they came up in conversation today – we knew they’d break up our creative deadlock.