Divi Theme Tutorials

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?


2 Comments

  1. Andy

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

    Reply
    • mm

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

      Reply

Submit a Comment

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