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
Thread Starter
lbv
(@lbv)
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!
http://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
Thread Starter
lbv
(@lbv)
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
