Listing Category: Portfolio

Free Beautiful Project Page Layouts

In today’s blog post we’re giving away three portfolio project layouts that are great go-to layouts for displaying your work. They also make great starting point for new and re-mixed layouts that you come up with yourself. My goal in including these freebies in this miniseries is to jumpstart the process of figuring out how best to display your work. By giving three different options that you can try right away my hope is that you’ll see what works, what doesn’t, what you like, and what you don’t like….

Using Filters, Hero Sections, and CTA’s to Expand a Minimal Portfolio Homepage

In today’s post I’m going to show you how to add some alternate styles to the minimal portfolio homepage. My goal is to provide a few simple additions and alternatives that we can test later using Divi’s A/B testing system Divi Leads…

Create a Minimal Portfolio Homepage with Divi

In writing this series my primary goal is to show you how to create an extremely simple portfolio website in which the only two things a visitor can do is look at creative projects or contact the artist. That’s the whole point of a portfolio website after all, right? So why complicate it!…

Creating a Gallery to Showcase Multiple Galleries in Divi

Frustrated. That’s how I felt when I first started trying to create multiple galleries. Sure, there were plenty of tutorials on how to create one gallery. But what I couldn’t find was how to create a gallery that has thumbnails of other galleries. Say for instance you’re a photographer who wants to showcase photos of food, models and landscapes. You’d probably want to separate them into their own galleries and not just showcase them willy-nilly next to each other … It took me forever to figure out how to use a combination of projects and portfolio to do this.
Now it’s quite simple. So simple I created a video to explain how to do it….

Moving Portfolio module to child theme

If you want to add some custom features to your portfolio module and you don’t want to lose the changes when you update/reinstall then you need to use child theme. Firstly you need to redefine the portfolio module in child theme and then you can add any changes to the portfolio module. Here is the steps you need to follow to move Portfolio module to child theme…

Moving Fullwidth Portfolio module to child theme

If you want to add some custom features to your fullwidth portfolio module and you don’t want to lose the changes when you update/reinstall then you need to use child theme. Firstly you need to redefine the fullwidth portfolio module in child theme and then you can add any changes to the fullwidth portfolio module. Here is the steps you need to follow to move Portfolio module to child theme…

How to re define divi thumbnails size

If you want to change the default image size for Divi Blog Modules then add the following code to the functions.php file in your child theme folder…

Part 3 (Final Part) Of Another Way To Use The Code Module To Display Images In A Masonry Layout Using The Divi Code Module

Presenting the final installment of using a masonry layout with the Divi theme from Elegant Themes. Note that this is an affiliate linkout. If you make a purchase through it I will get paid, but it costs you nothing extra. This time we will be building the layout you see above. We will be applying this layout to the categories page using the Masonry.js library, but you could extend this lesson to any page you would like. Using straight CSS to style a masonry layout is great when you have list items. The problem with blog posts is that in straight CSS they get wrapped to the top of the next column (I can think or a workaround for this, can you?). Masonry.js will let us overcome this and using it in your site is as easy as enqueuing a couple of scripts and adding some CSS. Let’s get started…

Part 2 of another way to use the code module to display images in a masonry layout using the Divi code module

I just posted part 2 of 3 on another way to use the code module to display images in a masonry layout using the Divi code module. In this case I’m altering the ‘functions.php’ file to allow for assigning categories to attachments and then using two functions to fetch images from selected categories and return them as a list to be displayed and styled into a masonry layout…

How to use the code module to display images in a masonry layout

So the fine people of Divi nation (more specifically, those who subscribe to the Divi Theme Tutorials Facebook page) have requested a tutorial on how to implement a masonry layout in Divi from Elegant Themes. This tutorial will be split into two parts. In this first part I’ll show how you can easily accomplish this using HTML in the code module and some CSS. In the second part I’ll show you how this can be accomplished using the javascript library Masonry.js. …

Have you seen our Newsletter?
Here are Past Issues

Have you seen our Newsletter?

Here are Past Issues

Subscribe now so you won't miss out on our 'Weekly Coverage of Most Useful Divi Tutorials' newsletter.

You have Successfully Subscribed! Please Confirm the Subscription from your mail