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:
- 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!
I only have one thing to say. You are a legend!
lol I don’t know about a legend, but glad it helped you out!
You could explain it in a more detailed way, it’s not clear. Thank you
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.