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!

Need Help With Your Divi Website?


  1. Andy

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

    • inovativ

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

  2. Alejandro

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

    • 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.


Submit a Comment

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