mobile- block14

Posted in: Newspaper
Post count: 10

Hi, Thank you for your kind answer

i have a qeustion

1. Before, I asked you about the solution to get rid of the title from the contents, and received the answer to enter “.single .entry-title{ display:none!important; }”. And the title disappeared as you instructed, but the space where the title was still remained. Is there any way to remove the title space, as well as the title? Because the title takes a pretty large space on mobile display, the articles doesn’t have an enough space and accordingly, they have to go further down. Just like shown in the below screenshots, I want to remove both the title and the space for the title in the contents on mobile display, and make it show like the second screenshot for a better view.

(1) http://i0.wp.com/popkoon.com/wp-content/uploads/2016/05/KakaoTalk_20160525_161546511.jpg?resize=169%2C300
(2) http://i2.wp.com/popkoon.com/wp-content/uploads/2016/05/KakaoTalk_20160525_161546227.jpg?resize=169%2C300

2. Currently, td_block14 is in use. And the PC version is satisfactory enough. But in case of mobile version, it is too large in size and shows only two or three articles at one view. Is there any way to make UI/UX of the mobile version like the below second screen shot?I received the answer “http://screencast.com/t/68xOeiT3hvQf” for the question to resize td-blcok. But when I followed the instruction described in your answer, it was not resized, but “X” mark was shown instead of the thumbnails. So I’d like to know the way to change only the layout of mobile version. If I can’t receive your assistance in this matter, I’d like to know the way to decrease the vertical length of td-blcok14 by half.

(1) http://i1.wp.com/popkoon.com/wp-content/uploads/2016/05/KakaoTalk_20160525_163508943.jpg?resize=169%2C300
(2) http://i1.wp.com/popkoon.com/wp-content/uploads/2016/05/KakaoTalk_20160524_120118507.jpg?resize=169%2C300
(3) http://i1.wp.com/popkoon.com/wp-content/uploads/2016/05/KakaoTalk_20160525_162633254.jpg?resize=169%2C300

Post count: 23312

Hello cooolvita,

If you want to get rid of that white space, you will have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->
.td-crumb-container{
display:none!important;
}
.td-post-title {
display:none;
}
.td-module-meta-info {
display:none!important;
}
.td-post-content .wpb_text_column{
display:none;
}

The results you should see here -> http://screencast.com/t/vlpPbbXS7S3A
Also, if you want that the code below to be applied only for your mobile devices, you will have to use the following code with @media attribute –>>

@media (max-width:767px){
.td-crumb-container{
display:none!important;
}
.td-post-title {
display:none;
}
.td-module-meta-info {
display:none!important;
}
.td-post-content .wpb_text_column{
display:none;
}
}

So, please notice that your second request regarding no reducing the height for the Block 14 thumbs size involves custom work and this type of service is not covered by our support. Please notice that you can control the posts which will be displayed for your Block 14 from the Block Settings panel, like this -> http://screencast.com/t/2l4lU8fi91 and the results you should see here -> http://screencast.com/t/yTw1CkBwFw7x

For more information about our Blocks, please check our documentation here -> https://forum.tagdiv.com/block-settings-tutorial/

Hope this helps!

Thanks for your understanding!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.