Hi!
I’ve made a page using VC and i have diferent vertical spaces between some blocks. Content of these block changes (shows random posts) and these spaces also change: for instance now it’s between 1 and 2 row, then it’s between 2 and 3 and 4 row…
http://files.webfile.ru/b6baff31cb53cc36bd38320350efe1cd
Could you help me with this?
Hi,
I have checked your site and I see that space but this is normal and this is happens because of post title(s). If the title of post extends on one more row appear that space: http://screencast.com/t/SucyaRFtw
So if you have a short title it will look like second row block: http://screencast.com/t/BlosP7yXWsl
Thanks!
Oh, ok, i got it now, thank you.
So is there any way to make them look the same, because there alway will be so posts with longer titles..?
Maybe i have to add some margins or padding somewhere?
Btw, how can i delete div class meta-info and meta content?
Hi,
1. Only if you add a height for each container, ex. – http://screencast.com/t/qmhoER9ZZ
.home .td_block4 {
height: 150px;
}
2. You have to edit the module file and remove it – http://screencast.com/t/cdOrTOFtsOWW
Thank you, Emil G.
Great, thank you very much!
Hi!
All of a sudden i found out that after i added this height for these blocks it looks bad on mobile devices. Blocks go one on another. How can i do that this additional css code doesn’t work for mobile devices?
Hi,
Please try to use media queries to the code that Emil provided to you so it will apply this css from that screen size:
@media(min-width: 768px){
.home .td_block4 {
height: 180px!important;
}
}
Thanks!
Unfortunately it didn’t help, maybe there is another reason why it happens, could you check it please?
Hi,
I have checked again and the code works fine (it doesn’t apply for mobile devices): http://screencast.com/t/IKew3aWb – http://screencast.com/t/Z0iVYBzv – http://screencast.com/t/E8DDFvwkqw
Please empty cache if you use a plugins cache.
@media(min-width: 768px){
.home .td_block4 {
height: 180px!important;
}
}
Thanks!
Ok, thank you!
