How To Make The Divi Portfolio Carousel Responsive

Divi Theme Tutorials

When it comes to WordPress web design, Divi from Elegant Themes is one of the most powerful themes/tools available today. In this quick Divi Theme Tutorial, I am going to show you a quick and simple way to prevent cropping of the Divi full-width portfolio carousel photos and make the carousel completely responsive (“mobile-friendly”).

 

Here is all you need do to accomplish this Divi theme tutorial:

  1. Copy the code below and paste it either into Divi > Theme Options > General > Custom CSS or, if your using a child theme (which I highly recommend), you can add it to Appearance -> Editor.

    Here is the CSS code that makes the magic happen –

    .et_pb_fullwidth_portfolio .et_pb_portfolio_image img {
    height: auto !important;
    width: 100%;
    }

 

That’s it, simple right?

You can see an example of this on our home page here.

I hope you find this simple Divi Theme Tutorial helpful and if you ever need help with your Divi websites, please consider contacting us!

4 Comments

  1. Andy

    I only have one thing to say. You are a legend!

    Reply
    • inovativ

      lol I don’t know about a legend, but glad it helped you out!

      Reply
  2. Alejandro

    You could explain it in a more detailed way, it’s not clear. Thank you

    Reply
    • Dustin Reed

      Hello Alejandro,

      It’s only one simple step, I’m not sure how much more into detail I can go. Let me know what you’re having trouble understanding and I’ll see if I can help.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

About The Author

Dustin Reed

Dustin Reed, is the owner and senior web technician for Innovative Solutions Group. He graduated in 2011 with an Associate’s Degree in Web Design and Computer Programming with a 3.78 GPA, demonstrating that he has taken this education and experience very seriously. He takes great pride in the fact that he truly enjoys doing what he does best, Building Professional Websites! During his 5 years working at Innovative Solutions Group, he has been responsible for many different aspects of the business ranging from creating new accounts/domains on Innovatives server to responsive(mobile-friendly) template creation. Some of his other responsibilities/strengths are WordPress website design, CSS/HTML coding, creating visual animations using Jquery, page layout, and troubleshooting many different types of problems that may arise. When he is not busy working at Innovative Solutions Group, he enjoys doing all of the great outdoor activities that the beautiful state of Montana has to offer. Such as, fishing, camping, hiking and enjoying a day at the lake during the summer.

wordpress maintenance service and security

 

Innovative Solutions Group
5.0
Based on 11 reviews
powered by Google
Nobe Eyecare Associates
Nobe Eyecare Associates
17:13 07 Apr 20
Dustin is great. Quick to respond to any inquiries and reasonable pricing.
Troy Kennett
Troy Kennett
13:57 15 Jan 20
I have been with Dustin and Innovative Solutions for over a year now. Dustin and his company have taken my business to a whole new level. With what they have done with our website and how people find us is amazing. We have grown 10 times over because of Innovative. If your in need of the next level of success in marketing, your in great hands here. You will not be disappointed. Thank you Dustin and the team!!
Helena Dweller
Helena Dweller
21:13 03 Jan 20
Great, courteous and fast service. A very honest business that will not overcharge. Highly recommended!
john scannell
john scannell
15:40 23 Apr 19
I have used Dustin and his team for years- - exceptional service and Dustin is incredibly responsive
Susan Duclos
Susan Duclos
15:45 06 Sep 17
Excellent service. We have been with Innovative since the launching of our site. They not only designed the entire site with the functionality we wanted, but have hosted it reliably no matter how high the traffic spikes. I would recommend Innovative to anyone looking for a professional, reliable and very responsive team.
Jacob Wandersee
Jacob Wandersee
12:41 19 Jun 17
Work was done in a very timely matter and Dustin was great to work with!
Gary Gavin
Gary Gavin
23:01 09 Jun 17
I used Dustin at Innovative Solutions to initially just host my website. After working with him I decided to do a pretty significant makeover on my site. He did a great job, was super responsive and has Fletcher in the Design Department to help with graphics and such. He answered inquiries after hours and is very reasonably priced. I have used quite a few web people over the years and Innovative Solutions is undoubtedly who I will continue to use.
Serapha Cruz
Serapha Cruz
16:57 03 Jun 17
Super helpful! From the very beginning the designer was patient and offered great suggestions. Very customer friendly. They wanted the site to be perfect for me. Also, ease of billing. Thank you for creating a great site.
Dan Deininger
Dan Deininger
13:54 22 May 17
I owned the company for over 20 years, and Dustin treats customers in a very courteous and professional manner. That why I'm going back to Innovative for help with our latest personal web project.
Nobe S. Nijjar BSc, BS, OD
Nobe S. Nijjar BSc, BS, OD
14:22 10 Nov 16
Fantastic service and very quick responses to any problems or feedback! Extremely helpful despite being out of country.
Next Reviews