Welcome To

Our Blog

Our recent posts, in chronological order, most recent first.

A Simple Divi Event System

A client of ours recently wanted to display events on their website. They weren’t planning a huge number of events, maybe one a month spread through the year. They wanted a simple way to add events, write a post about the event and then display these ‘event posts’ both as a grid (for upcoming events on the home page) and as an archive (for listing all of the events).

read more

Using Flex To Align Divi Social Media Follow Icons And Text

Divi Social Media Follow icons are useful but we often find ourselves wanting to mix (and align) them with text in a table. It turns out that achieving something like the following is not that easy - twitter Twitter URL facebook Facebook URL dribbble foo@baz.co.uk If...

read more

Responsive Divi Menus

Divi has some built in breakpoints to support responsive design. One of them, at 980px, changes the desktop menu into the hamburger. Unfortunately, above 980px, menus that contain a lot of text will wrap onto a second row. In this article we talk about some ideas for...

read more

Featured By Elegant Themes In Their Divi Design Showcase

We were thrilled to recently discover that this website had been featured by Elegant Themes in their August Divi Design Showcase. Each month, Elegant Themes feature a few selected websites built using their theme, Divi. Most of the websites we have built for clients...

read more

WordCamp Brighton 2017

Earlier this month we attended WordCamp Brighton 2017, a relaxed and friendly three day conference dedicated to all things WordPress. 195 WordPress enthusiasts from the UK and Europe, came together to network, share experiences and listen to a whole range...

read more

Positioning and Animating Divi Slider Text

By default, Divi slider text and buttons are placed centrally, after transitioning in from below. This article explains positioning and animating Divi Slider text with CSS, allowing you far greater control. This can be useful if it is difficult to read the text...

read more

Gutterless Divi Gallery With Hover Effects

In this article we are going to explain how to create a gutterless Divi gallery with hover effects. We will use a zoom effect and a rotation effect on mouse hover. We are going to use the Divi Gallery module as a starting point. Here is what we want to end up with,...

read more

Styling The Divi Mobile Menu

This post discusses styling the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. We will also show how to ‘fix’ the menu so that it remains visible when the mobile device is scrolled.

read more

News about Two Blue Toucans and the WordPress community.

Featured By Elegant Themes In Their Divi Design Showcase

We were thrilled to recently discover that this website had been featured by Elegant Themes in their August Divi Design Showcase. Each month, Elegant Themes feature a few selected websites built using their theme, Divi. Most of the websites we have built for clients...

read more

WordCamp Brighton 2017

Earlier this month we attended WordCamp Brighton 2017, a relaxed and friendly three day conference dedicated to all things WordPress. 195 WordPress enthusiasts from the UK and Europe, came together to network, share experiences and listen to a whole range...

read more

Divi by Elegant Themes is a WordPress theme that we often use to build websites. Divi is a registered trademark of Elegant Themes, Inc. Two Blue Toucans is not affiliated with or endorsed by Elegant Themes.

A Simple Divi Event System

A client of ours recently wanted to display events on their website. They weren’t planning a huge number of events, maybe one a month spread through the year. They wanted a simple way to add events, write a post about the event and then display these ‘event posts’ both as a grid (for upcoming events on the home page) and as an archive (for listing all of the events).

read more

Using Flex To Align Divi Social Media Follow Icons And Text

Divi Social Media Follow icons are useful but we often find ourselves wanting to mix (and align) them with text in a table. It turns out that achieving something like the following is not that easy - twitter Twitter URL facebook Facebook URL dribbble foo@baz.co.uk If...

read more

Responsive Divi Menus

Divi has some built in breakpoints to support responsive design. One of them, at 980px, changes the desktop menu into the hamburger. Unfortunately, above 980px, menus that contain a lot of text will wrap onto a second row. In this article we talk about some ideas for...

read more

Featured By Elegant Themes In Their Divi Design Showcase

We were thrilled to recently discover that this website had been featured by Elegant Themes in their August Divi Design Showcase. Each month, Elegant Themes feature a few selected websites built using their theme, Divi. Most of the websites we have built for clients...

read more

Positioning and Animating Divi Slider Text

By default, Divi slider text and buttons are placed centrally, after transitioning in from below. This article explains positioning and animating Divi Slider text with CSS, allowing you far greater control. This can be useful if it is difficult to read the text...

read more

Gutterless Divi Gallery With Hover Effects

In this article we are going to explain how to create a gutterless Divi gallery with hover effects. We will use a zoom effect and a rotation effect on mouse hover. We are going to use the Divi Gallery module as a starting point. Here is what we want to end up with,...

read more

Styling The Divi Mobile Menu

This post discusses styling the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. We will also show how to ‘fix’ the menu so that it remains visible when the mobile device is scrolled.

read more

Clickable Body Text in Divi Blurbs

Divi Blurb modules are incredibly useful because they combine an image (or icon), a title (the header) and some text (the body) into a single object. This can then be easily styled or moved around within Divi pages using the Page Builder. Notice though, that the...

read more

Four Column Divi Blog Grids

We don't know why the default for Divi Blog Modules in Grid layout uses three columns only. We suspect that, given the default word count for blog excerpts, using four colums would have made blog grids look very narrow (and very tall). This article is going to...

read more

Add an Image Hover Zoom Effect to the Divi Blurb Module

We have written before about zoom effects applied to blog grids and images (and you can find those tutorials by looking at the Related Posts section below) but we can also apply zoom effects to other Divi modules. In this tutorial we will describe how we can add a...

read more

Creating a Divi 404 Page

This article describes an approach to creating a Divi 404 page without needing a plugin and by using one of the Divi's own pages, making it very easy to edit the page and giving maximum flexibility in its design. If a visitor requests a page from your website that...

read more

How to Disable the Sidebar in Divi

We are not huge fans of sidebars. Here is the argument against them.... They narrow your page. Modern design tends to favour wider layouts. Widescreen devices are very standard on the desktop. If you prefer longer pages and posts, having a sidebar makes for an...

read more

Adding a Striped Title On Top of An Image in Divi

The above is what we are trying to achieve but how to do it? Well, the first thing to do is to not use an image. A Blurb Module is a much better choice for this, simply because it provides a handy package containing both an image and a piece of text (in fact two...

read more

Image Hover Zoom Effect on Divi Blog Module

A few months ago we wrote about how to add a zoom effect to Divi images on mouse hover. That article is here - It turns out that it is also very easy to do this with Divi Blog modules, so long as they are in GRID layout. This is because the featured image is already...

read more

Two Line Titles for a More Responsive Layout

When you write a title it's a reasonably assumption that it is only going to take up one line. But that isn't always the case and if the row is narrowed, the title may wrap onto a second line, pushing everything below it down the page and miss-aligning other elements...

read more

Image Hover Zoom Effect in Divi

Adding a zoom effect to an image on hover isn't enormously difficult and it creates interest and, if you have a link on the image, gives some visual feedback. Here's a very simple example - ...and it is very easy to do. Just pop this code into your child style.css or...

read more

Editing the Divi Footer

I often read that allowing the Divi footer to be editable is one of the most requested features in Divi. So much so that there are a number of tools and plugins that do this for you. However, I don't think it's that difficult to set up something by hand that is pretty...

read more

Our posts about responsiveness. Some of these ideas are specific to Divi.

Responsive Divi Menus

Divi has some built in breakpoints to support responsive design. One of them, at 980px, changes the desktop menu into the hamburger. Unfortunately, above 980px, menus that contain a lot of text will wrap onto a second row. In this article we talk about some ideas for...

read more

Styling The Divi Mobile Menu

This post discusses styling the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. We will also show how to ‘fix’ the menu so that it remains visible when the mobile device is scrolled.

read more

Two Line Titles for a More Responsive Layout

When you write a title it's a reasonably assumption that it is only going to take up one line. But that isn't always the case and if the row is narrowed, the title may wrap onto a second line, pushing everything below it down the page and miss-aligning other elements...

read more

Our posts about how we design and build websites for clients.

Local Website Development with WordPress

Most people make changes directly to their live WordPress website, logging on across the internet to customise their theme or to create and edit pages or posts. All very straightforward, but there is another way to develop a WordPress website - and, depending on your...

read more

My Problem with Child Themes

I have a problem with child themes and I'm surprised I don't see it discussed more. Maybe it's just so unlikely it's not worth worrying about. Or maybe not... Why Use a Child Theme? There are lots of good reasons for using a child theme but the main one is that it...

read more

Our general WordPress posts.

Local Website Development with WordPress

Most people make changes directly to their live WordPress website, logging on across the internet to customise their theme or to create and edit pages or posts. All very straightforward, but there is another way to develop a WordPress website - and, depending on your...

read more

My Problem with Child Themes

I have a problem with child themes and I'm surprised I don't see it discussed more. Maybe it's just so unlikely it's not worth worrying about. Or maybe not... Why Use a Child Theme? There are lots of good reasons for using a child theme but the main one is that it...

read more

A Simple Divi Event System

A client of ours recently wanted to display events on their website. They weren’t planning a huge number of events, maybe one a month spread through the year. They wanted a simple way to add events, write a post about the event and then display these ‘event posts’ both as a grid (for upcoming events on the home page) and as an archive (for listing all of the events).

Using Flex To Align Divi Social Media Follow Icons And Text

Divi Social Media Follow icons are useful but we often find ourselves wanting to mix (and align) them with text in a table. It turns out that achieving something like the following is not that easy - twitter Twitter URL facebook Facebook URL dribbble foo@baz.co.uk If...

Responsive Divi Menus

Divi has some built in breakpoints to support responsive design. One of them, at 980px, changes the desktop menu into the hamburger. Unfortunately, above 980px, menus that contain a lot of text will wrap onto a second row. In this article we talk about some ideas for...

Featured By Elegant Themes In Their Divi Design Showcase

We were thrilled to recently discover that this website had been featured by Elegant Themes in their August Divi Design Showcase. Each month, Elegant Themes feature a few selected websites built using their theme, Divi. Most of the websites we have built for clients...

WordCamp Brighton 2017

Earlier this month we attended WordCamp Brighton 2017, a relaxed and friendly three day conference dedicated to all things WordPress. 195 WordPress enthusiasts from the UK and Europe, came together to network, share experiences and listen to a whole range...

Positioning and Animating Divi Slider Text

By default, Divi slider text and buttons are placed centrally, after transitioning in from below. This article explains positioning and animating Divi Slider text with CSS, allowing you far greater control. This can be useful if it is difficult to read the text...

Gutterless Divi Gallery With Hover Effects

In this article we are going to explain how to create a gutterless Divi gallery with hover effects. We will use a zoom effect and a rotation effect on mouse hover. We are going to use the Divi Gallery module as a starting point. Here is what we want to end up with,...

Styling The Divi Mobile Menu

This post discusses styling the Divi mobile menu to give it a semi-transparent background, to colour the menu and submenu items, give the menu container round corners and change the hamburger to an ‘X’ when the menu is open. We will also show how to ‘fix’ the menu so that it remains visible when the mobile device is scrolled.

If you found our blog article useful, why not subscribe? Get all of our articles and tutorials delivered direct to your inbox!

You have Successfully Subscribed!