Hi,
Is there a way to shrink the size of Block 6 images by 20%? Sidewide and through custom CSS?
If so, please show me the custom CSS code to do so.
Thank yoy
Hi,
Try this:
.td_mod9 .thumb-wrap img {
width: 208px !important;
}
.td_mod9 .item-details {
margin-left: 236px;
}Thanks
Ok Lucian,
That works, but now the gap between the reduced image and the text is too big. (too much white space) See here: http://goo.gl/3jQnMP
What CSS code moves the text-part 50% towards the image? So that there is more space for the text. So not move the whole text-block a bit to the left but make it a bit more wide so that the gap between image and text is smaller.
Thank you 🙂
Greets from South Africa
Lucian,
Actually, this is how I would like my Block 6 to display: http://goo.gl/95oxL7
(What you are seeing is Module S).
So how how do I make my Block 6 look like Module S?
Can you supply me with the custom CSS?
Thanks
Andre
Hi,
Try this:
.td_mod9 .thumb-wrap img {
max-width: 120px !important;
}
.td_mod9 .item-details {
margin-left: 135px !important;
}
.td_mod9 {
margin-bottom: 0px !important;
}
Thanks
Nice! Looks great!
Now the only thing is that I want to completely get rid of the Read more block. And have the freed up space used (so no “visibility: hidden;”)
As you can see here (techplanet.nl) they are in the way 🙂
What CSS code do I use for that?
I tried this: .td_read_more { display: none; }
But did not work
Thank 🙂
Hi,
Try this:
.td_mod9 .td_read_more {
display:none;
}
.td_mod9 {
min-height: 130px !important;
}Thanks
Perfect, thanks dude! 🙂
