Hi, I am having a problem I cannot resolve yet.
When I to to Post Settings and I turn off the author name, date, post views, and comments number. There is a very large white space resulting where the info is no longer showing and I don’t know how to remove it… I assume via CSS but I don’t know how to define the area correctly so it will work site-wide.
See example: http://wordpress.mauimagazine.net/category/maui-magazine/maui-dining/ – Under each article title, there is a gaping white space. It looks bad. I want to reduce the white space between the article title and its image.
I appreciate your help!!
Hi,
When you hide author, date, comments, only those elements will be hidden the parent container is still there and it has some css code(min height, margin). This can be removed using custom css in Theme Panel > Custom Css – http://screencast.com/t/vR9PfGSg – http://screencast.com/t/y8nUDrBE2
.td-module-meta-info {
display: none !important;
}
Thanks!
I was looking for the same thing and this custom CSS worked. But I want the same for the area between the Logo/Menu and the Title where the Breadcrumps are. After turning them off from the template settings, the white area is still present.
Hi,
Please provide a link to your site so I can inspect it and point out the white area so I can inspect it.
Thank you!
So, I’m talking about the area below the menu where the breadcrumps and the category tags are. After turning off the breadcrumps and the category tags, the white are is still present. Here’s an example post link: https://goo.gl/iTXXQP
Additionally question, I’m using the mobile version plugin but it’s not always loading, sometimes it loads the normal version an in such a case when I click the menu button, the menus doesn’t load, just the whole screen gets like boxed (tested on Windows Phone OS).
Hi,
It seems the breadcrumb container is still there. You can remove it with this code:
.single .td-crumb-container{
display:none;
}
.td-post-content{
margin-top: 5px!important;;
}
As for the mobile theme, this is an issue caused by the latest version of wordpres and wp super cache. The plugin was not updated to support the latest version of WP. Here is a temporary fix until they update the plugin:
https://forum.tagdiv.com/topic/mobile-theme-problems-3/
Thank you!
Great, the fix for the mobile version works. However, I can notice now that the custom css for removing the white spaces, work only on the desktop pc, while on the mobile I still have the white space especially the area of the author, date, comments. Do I need a different custom css for the mobile version?
Hi,
Well, yes the mobile theme is a different theme and has custom classes as well.
Here is a code that can be used on the mobile theme to remove the white space on posts:
@media(max-width:767px){.single .td-module-meta-info{
display:none;
}}
Thank you!
I tried the above code but it doesn’t work. The white space is still present on the mobile version. Please can you check that once again?
EDITED: I solved the above problem by using the code “.single .td-module-meta-info{ display:none; }” into the Mobile Theme > Custom code section.
Thank you very much for your effort!
