How can I change the height of the box for the title in Block#20? The height of the box is almost half the image height on my desktop (regardless of browser) and half of the image size on my ipad, iphone.
Hi,
The meta box for block 20 doesn’t have a specific height, the title font size, line height will affect it. Also there is added some padding , that can be reduced for different screen size. For mobile device this can be useful – http://screencast.com/t/JcIlgfDe
@media (max-width: 767px) {
.td_block_20 .td_module_14 .entry-title {
font-size: 18px !important;
line-height: 20px !important;
margin-bottom: 5px !important;
}
.td_block_20 .td_module_14 .td-module-meta-holder {
padding: 5px !important;
}
}
Hope this helps!
Thanks for the quick response. I was able to change the font size and height and it looks fine on a desktop, Ipad or phone in the landscape mode but is still an issue in Ipad/phone portrait mode even after applying the code that you sent me. The title box takes consumes about 40% of the image. In there is no option to change the padding at the block level on at the column level. If this is not an easy fix is it possible just to have the Post Title appear below the post as in Block # 4?
http://s559855489.onlinehome.us/home-test-page-82415/
In addition how can I get Block #12 to appear the same size as Block # 4 when viewed on mobile device? Currently it appears as a small thumbnail. I checked all of the settings but can’t find an option to change this.
Please advise.
Thanks.
Hi,
You can change it to position relative – http://screencast.com/t/xSYxAYRieoNi
.td_block_20 .td_module_14 .td-module-meta-info {
position: relative;
}On block 4 the thumbnail is enlarged using css. You can do the same for block 12 – http://screencast.com/t/PO44UkLo8X
@media (max-width: 767px) {
.td_block_12 .td_module_11 .td-module-thumb {
width: inherit !important;
height: auto;
position: relative !important;
}
.td_block_12 .td_module_11 .td-module-thumb .entry-thumb {
width: 100%;
}
.td_module_11 .item-details {
margin-left: 0 !important;
padding-left: 0 !important;
}
}Thanks!
Again thanks for the quick reply. I inserted both pieces of code but there is no change to any of the blocks.
Please see link below.
Hi,
Please send an email at contact@tagdiv.com and provide wp-access so we can take a look at this, also paste a link to this topic so we can know who you are and what your issue is.
Thanks!
Replied via email!
Problem solved. Great job!! You guys are the best.
Thanks again.
