How to customise your logo using Divi Theme | WordPress

Learn to update your logo with Divi Theme

Recently updated on November 15th, 2022 at 03:03 pm

With the release of Divi Theme version 4.0, users have more control over their website design than ever. This includes the long awaited ability to customise your site logo. Using the Divi Theme visual editor, you can now control your logo’s size and placement across all of your site headers. And, like all of Divi’s features, it’s easy, intuitive, and only takes a few minutes to set up.

Read on below to see just how simple the process is.

What is Divi Theme?

If you’re not already using it, Divi Theme is one of the most popular WordPress page building themes on the marketplace. It uses a What-you-see-is-what-you-get Visual editor (often shortened to Wysiwyg) that lets you drag-and-drop site elements, previewing them in real time. It’s stacked with features to help end-users create consistent, dynamic web designs. 

You can download and read more about Divi here.

Updating to 4.0

If you have Divi Theme installed, it should be set to automatically download new updates. However, you can still manually update to the latest version by visiting your WordPress Updates page:

  1. Go to Dashboard>Updates
  2. Look under the Plugins section
  3. Select Divi and click Update Plugins

Still not updating to the latest version? Then you may need to authenticate your Elegant Themes subscription. You can do this by going to Divi>theme options>updates and entering your details into the username and API key fields.

Remember, only active Elegant Themes accounts will have access to the latest Divi versions.

Customising Your Logo with Divi Theme

Uploading your own logo into Divi Theme is quick and easy. Follow the steps below to get set up in minutes: 

Step 1
Log into WordPress admin
Step 1 for how to change your logo in DIVI theme
1
Step 2
From the admin side panel, go to Divi > Theme Options
Step 2 for how to change your logo in DIVI theme
2
Step 3
Navigate to the General tab
Step 3 for how to change your logo using DIVI theme
3
Step 4
Go to the logo section and click Upload
Step 4 for how to change your logo in DIVI Theme
4
Step 5
Once you’ve selected the image you’d like as your logo, click Save Changes
5

Tips for uploading images

The default Divi logo image is formatted as PNG (93 x 43 pixels), but will accept JPG or GIF files as well.

Try to limit the height of your logo to 43px to keep formatting consistent with the default header values (Image width can be any length). If you wish to use a larger logo size, make sure to increase the primary menu height value and maximum logo height in the Customising menu.

And that’s it! You’ve just successfully changed your site logo using Divi Theme.

You can make further changes to placement by going to Customising>Header & Navigation and editing the Header Format.

Learn to do more with WordPress

Want to do more with your website? Have a look at some of our other WordPress tutorials to level up your design skills.

Latest articles

Menu