021 158 1400 [email protected]

Quick Tips

Divi customisation tutorials and tips for WordPress users with medium to advanced WordPress ability

Woodswork have been using Divi by Elegant Themes since 2015, therefore we are experienced users and have great knowledge. In addition, we know the best way to build a website. So, get in touch if you need a white label service provider to help with your work overflow. In other words, if you have Divi customisation issues we can help. 

How to make a Portfolio grid 3 columns

How to make a Portfolio grid 3 columns

You can add CSS to the install to change the default settings from 4 columns to 3 columns in the Divi Portfolio module. There is a great tutorial on...

Creating animation using Indesign

Creating animation using Indesign

Creating an animated pdf in indesign is very simple. There is great video tutorial here by Creative Frontiers. Getting it to be available in a...

How to add font awesome

How to add font awesome

To add a Fontawesome font, login and copy your kit code.I have added it here... KITCODE <script src="https://kit.fontawesome.com/0902eed645.js"...

How to centre the mobile logo

How to centre the mobile logo

If you want to centre the logo on mobile view add the following CSS: /* CENTER MOBILE LOGO */@media screen and (max-width: 980px) { .logo_container...

How to make video autoplay in Divi

How to make video autoplay in Divi

The video module seems to have less options to edit than if you add via the background on columns or sections. So add to the background via upload...

Gravity Field Visibility

Gravity Field Visibility

Sometimes a client wants all of the form fields to be visible on their notifications so that they know what information has not been provided. This...

How to create inline buttons in Divi

How to create inline buttons in Divi

If ever you need to place buttons side-by-side in the same column, this tutorial is for you. To achieve this button layout, there are two steps....

Custom Products Tabs for Woo Plugin

Custom Products Tabs for Woo Plugin

To manage large amounts of text under tabs we used the following plugin...Custom Product Tabs for WooCommerce by Yikes Super easy works a treat! We...

Adjusting the Divi dropdown menu

Adjusting the Divi dropdown menu

Out of the box the Divi dropdown menu is fine but sometimes there is room for improvements. The following snippets of CSS code will enable some...

How to embed an RSS feed

How to embed an RSS feed

Head to Appearance > Widgets Add an RSS widget to the sidebar, create a new sidebar if you are already using the sidebar for posts or a cart. Add...

How to embed a Twitter feed

How to embed a Twitter feed

Adding a Twitter feed is super simple.   Head to Twitter Publish Choose your preffered option from the selection under the header.   Add your...

Adding a CTA Button to the Divi Menu

Adding a CTA Button to the Divi Menu

To add a CTA button (Call to Action) is fairly simple. You just need to include a piece of code into the menu tab css options area: menu-cta Then...

Gravity Form Shortcode

Gravity Form Shortcode

These shortcodes help make inline tickboxes etc https://docs.gravityforms.com/list-of-css-ready-classes/ We used Instagram Feed on the following...

Adding GST to NZ purchases

Adding GST to NZ purchases

Most of our clients charge overseas clients the gst and include it in the price. Recently 1 client asked for it to be on New Zealand purchases only,...

How to equalise columns in rows

How to equalise columns in rows

Thre is a couple of ways to do this. It depends on the functionality you need. This will make the columns equal With the Equalise switch active in...

How to add buttons in a line

How to add buttons in a line

Adding buttons in a row is offten needed in CTAs. It's easy to do with the following CSS. Add the buttons you require in the row, they will appear...

Adding an Instagram feed plugin

Adding an Instagram feed plugin

We use the Instagram Feed plugin by Smash Balloon to integrate an Instagram feed. It is free but also has a Pro version available. To integrate you...

Adding a Facebook Pixel

Adding a Facebook Pixel

To use Facebook pixel the code needs to be integrated into your WordPress website. The method of adding the code will vary, depending on the type of...

How to Enlarge the Hamburger Menu Icon

How to Enlarge the Hamburger Menu Icon

The icon used for a menu instead of a full menu is often called the 'Hamburger'. This is used on mobile views. It can also be used if a menu is very...

How to Center the Secondary Menu

How to Center the Secondary Menu

To center align Divi secondary menu (the one with the phone number/email/social) just add the following to your custom CSS area in the Theme...

How to Create Full Width Buttons

How to Create Full Width Buttons

All you need is a little CSS Divi doesn’t currently allow you to make a button full width with just the settings inside the Divi builder. Luckily...

How to Create Mega Menus

How to Create Mega Menus

Why would you use a mega menu? Mega menus allow users to see more links all at once without the hassle of scrolling, hovering, and remembering the...

Do you need help with your WordPress website?

Head to our Articles for more ideas on how to improve your web presence. Our best practice tips and tricks will help you to improve your WordPress website knowledge. Not only that, the articles will get you started on the right track. Check them out, they’re jam-packed full of great advice on content creation, marketing and SEO.

Do you need extra help with learning the Divi basics?

At Woodswork we use the Divi content management system to build our websites. Utilising the Divi Builder enables your website to be edited by you in the front end. It’s a total WYSIWYG experience. That means, ‘What You See Is What You Get’. Check out our comprehensive training library for help getting started. Our tutorials have informative videos, supporting text and images.