space between thumbnails

Hi lbv can you share your URL so that I can check. Can you also share with me what code you have been using.

Kind regards

I’ve tried adding margin and padding to different classes, catablog-row, catablog-images-column, catablog-image etc..I don’t know what I do wrong

for example:

.catablog-gallery.catablog-row {
margin: 20px;
}
thanks!

https://www.valentinacarrasco.com/espectaculos-2/opera/

Hi lbv, try the following….At the present you have padding: 0;. Change the number to something greater in accordance to your requirements.

.catablog-gallery.catablog-row {
display: block;
float: left;
margin: 5px;
padding: 10px;<===== this is what you want to change.
position: relative;
}

Also bare in mind that if you don’t use a child theme, any changes made to the css will be lost if you ever update CataBlog.

Kind regards

Thanks a lot!

Just one more question, now they are ok but the background of the title fills de padding as well..

thanks again for your help!

Hi lbv for the next setting you need to adjust two different css areas. Please see below.

You need to reduce the following size.

.catablog-gallery.catablog-row .catablog-title {
width: 170px; <===== this needs to be reduced in size
}

For the following all you need to do is adjust one entry. Increase the number slowly until you are happy with your design.

.catablog-gallery.catablog-row .catablog-title {
background: none repeat scroll 0 0 #222222;
bottom: 0;
color: #FFFFFF;
display: none;
font-size: 1em;
font-weight: normal;
left: 0; <========You need to add a number here.
margin: 0 !important;
opacity: 0.8;
overflow: hidden;
padding: 5px;
position: absolute;
}

Kind regards

perfect, thanks a lot!