Continuing customization items Divi Theme Elegant Themes, I show you how I designed my page categories for the outstanding image of the post are to the left and the text on the right.

The thing to get is the following. If you click on a category, that would be the page that show.

Personalizar Divi para que la imagen destacada quede a la izquierda 01 743x1024 Personalizar Divi para que la imagen destacada quede a la izquierda

Actually, this is not particularly Divi because you can implement it in any theme that is only touching the CSS stylesheet. But in this tutorial I'll let the styles that I have set in my Divi Child Theme so you can apply them directly.

/* Este código muestra la imagen destacada a la izda del listado de post */
.archive .et_pb_post a img, /* esta línea solo afecta a cuando listas una categoria */
.et_pb_posts .et_pb_post a img {
max-width: 210px!important;
float: left;
padding-right: 20px;
}
@media only screen and (max-width: 980px) {
.et_pb_posts .et_pb_post a img{
float:none;
max-width: 250px!important;
}
/* Para ampliar el margen entre post */
.et_pb_post {
margin-bottom: 100px;
}
}

As always, I recommend use the Topics Son or Child Theme so that updates do not affect your Divi customizations.

Save

If you have found this article interesting and think Divi can help you with your web project and you're thinking of buying it, I ask you to do it by clicking on the picture below. I am affiliated with ElegantThemes and I take a small commission if you get to buy it. This way you help me keep the blog and write more articles like this.

If you also you do ElegantThemes subscriber, you can buy it with up to 20% discount in some cases.

AfiliadosDivi Personalizar Divi para que la imagen destacada quede a la izquierda

Save

Dime qué te ha parecido el artículo...

rating off Personalizar Divi para que la imagen destacada quede a la izquierdarating off Personalizar Divi para que la imagen destacada quede a la izquierdarating off Personalizar Divi para que la imagen destacada quede a la izquierdarating off Personalizar Divi para que la imagen destacada quede a la izquierdarating off Personalizar Divi para que la imagen destacada quede a la izquierda (Ninguna valoración todavía)
loading Personalizar Divi para que la imagen destacada quede a la izquierdaCargando…
Advertisements

Use of cookies

This site uses cookies for you to have the best user experience. If you continue to browse you are giving your consent to the acceptance of the above cookies and acceptance of our cookies policy, Click the link for more information.

OK
Notice of cookies

Veo que te gusta mi Blog...

Si te ha parecido interesante este artículo, no esperes a suscribirte a mi blog. Cuando vuelva a escribir otro seguro que te interesará y no desearás no haberte enterado. Puedes suscribirte con total tranquilidad de que no recibirás spam. Lo odio igual que tu. Solo quiero que aprendas cosas nuevas y te sientas agusto con mis artículos. ¡Gracias!

Thank you for subscribing!

Pin it on Pinterest

Share This

Share

Share this with your friends!