Just like the title says.
I added a new image size (220 x 124) and used it on block 9 (i think is module 8). But after changig the image size I have this blank space to right of the image. Is there any way to reduce it via CSS?
Also, is there an easy way to create block? I’m trying to copy the Gamespot syle for the lastest news?
Hi,
You can do it like this: http://screencast.com/t/KtEkV8bVBr and use this css and adjust it as you like:
.td_mod8 .item-details {
margin-left: 240px !important;
top: -4px !important;
}
.td_mod8 {
min-height: 150px !important;
margin-bottom: 30px !important;
}
.td_mod8 .entry-thumb {
max-width: 220px !important;
max-height: 124px !important;
}
Thanks
Hi,
You can use the css like this: http://screencast.com/t/bAGr7yr8h
This way it will not affect the mobile screens and the changes will be made only for tables and desktop screens.
@media (min-width: 768px) {
.td_mod8 .item-details {
margin-left: 240px !important;
top: -4px !important;
}
.td_mod8 {
min-height: 150px !important;
margin-bottom: 30px !important;
}
.td_mod8 .entry-thumb {
max-width: 220px !important;
max-height: 124px !important;
}
}
Thanx a lot, that worked. 😀
Is there a way to set the mobile users to get another block or module? I say this cos, I think the best block for the frontpage in smartphones is block 8.
Also, how can I change the font in block 9 titles? I changed every font and this module isnt affected.
Hi,
Unfortunately that would not be easy to achieve and you would need custom work and you would also need to get someone to do that for you.
Use this custom css to target the title and style it as you like: http://screencast.com/t/53ZkJcJB
.td_block9 .entry-title a {
color: red;
}Thanks
