1. Home
  2. /
  3. Divi Theme Tutorials
  4. /
  5. How To Make The...

How To Make The Divi Portfolio Carousel Responsive

by | Jul 31, 2016 | Divi Theme Tutorials | 4 comments

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 *

You might also like:

Pin It on Pinterest

Share This