Hey guys, I am now running 3.5d – I am trying to use Module 7 and it doesnt seem to display the large featured image anywhere: http://screencast.com/t/J6dDveJEKyIH
Hi,
The module 7 layout shows the content of the posts including an image if there is one so in this case the featured image doesn’t needs to be set in order to appear on module because the image needs to actually appear in the post so if you have turned the featured image on posts off from theme panel or you use the gallery format for those posts the image will also disappear on module 7 layout.
Make sure you set a featured image for those posts and that the images it’a actually in the post. I have tested this using the latest theme version and found no issue with it.
Thanks
I’m not understanding. I have a ‘Featured Image’ on all of my posts.
Are you saying that the ‘Post Setting’ needs to be set to a certain one, such as ‘Gallery’?
Hi,
Make sure that you actually have an feature image for those posts:
* http://screencast.com/t/YVfEPCC0j
* http://screencast.com/t/xjmYylEj9dhF
I’m saying that when you have the post format set to “gallery” then the featured image will not appear on posts so you need to make sure that this is not set as gallery format and that the featured image appears on posts like this: http://screencast.com/t/DJpdemRjPTk
This post will appear on module 7 layout like this: http://screencast.com/t/hWxGamrjSli
Thanks
I apologize, I have tested it with Gallery set and all have a featured image. I am guessing there is supposed to be the featured image at the top of the post itself? I may have hidden it and I have such a long amount of custom CSS that i need to clean up. Maybe if you can help and see if it is in here so I can remove it that would be awesome!
.td-a-rec-id-sidebar {
margin-bottom: 26px !important;
}
.td_mod6 {
margin-bottom: 5px !important;
}
.post {
position: relative;
padding-bottom: 16px !important;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.next-prev {
padding-bottom: 11px !important;
display: none !important;
}
.widget_text {
margin-bottom: 10px !important;
}
div.gallery {
width: 100% !important;
}
div.gallery .gallery-item *{
position: relative !important;
width: 100% !important;
left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.similar-articles {
padding-bottom: 0px !important;
}
.td_mod2 .meta-info, .td_mod5 .meta-info, .td_mod6 .meta-info {
margin: 2px 0px 22px 0px !important;
}
#ssWidget2797 .ssWidgetTitle strong {
display: block;
height: 0px !important;
line-height: 27px;
font-weight: inherit;
}
.single .page-nav-post {
text-align: center;
}
.single .page-nav span {
min-width: 20px;
min-height: 25px;
font-size: x-large;
}
.ss_item_sb img {
width: 326px !important;
height: 145px !important;
border: 0px solid #D7D7D7;
padding: 2px;
}
#ss_wrapper_sb .ss_link_txt_sb:hover {
color: #333333 !important;
text-decoration: underline !important;
}
#ss_wrapper_sb .ss_link_txt_sb {
color: #333333;
display: block;
font-family: 'Roboto Condensed',sans-serif;
font-size: 21px;
letter-spacing: inherit;
text-decoration: underline;
text-transform: none;
}
.td-social-like-tweet {
margin-bottom: 22px !important;
}
.td-social-sharing {
margin-bottom: 10px !important;
}
.td_mod2 .meta-info, .td_mod3 .meta-info, .td_mod5 .meta-info {
display: none;
}
.header-search-wrap {
display: none;
}
.page-nav-post {
padding: 0px;
margin-bottom: 0px !important;
}
@media (max-width: 767px){
.td-header-bg .header-style-3 .td-logo img {
position: fixed;
top: 3px;
z-index: 3;
width: 180px;
height: 48px;
}
.td-menu-placeholder .td-affix {
height: 48px;
z-index: 2 !important;
position: fixed !important;
}
.container-fluid {
padding: 0 15px !important;
}
.row-fluid .span4 {
margin-left: 1.20% !important;
}
@media (min-width: 1200px)
.row-fluid .span8 {
width: 68.174129353234% !important;
}
#ssWidget2198 .ssWidgetTitle strong {
display: none;
height: 0px;
line-height: 27px;
font-weight: inherit;
}
.top-header-menu, .td-header-menu-wrap .menu-post-and-page-settings-container .menu { margin: 0px 0px 0px 0px !important
}
.td-header-menu-wrap .menu-top-container {
float: left;
}And if its not in there, what file its in and the line so I can see if I may have manually removed it?
Hi,
I haven’t found any css related to this issue among the css you provided. Please also make sure that you have this enabled in theme panel as the featured image could also be remove from here: http://screencast.com/t/N3jfM0xu6 Also make sure again that you use the standard post format.
Thanks
Great, I had to enable that. Now is there a way to disable the featured image from showing INSIDE the post? I have tried the following but no luck:
.td-post-featured-image {
display: none !important;
}
Hi,
It should work, I have tested this live on your site: http://screencast.com/t/aQOcAkKkkQwB
Make sure you add it right.
.td-post-featured-image {
display: none;
}
Thanks
Okay, I will see.
Another question for ya. I noticed that this prevents the featured image from showing on mobile. Is there a way to fix this so it displays?
Thanks!
Oh boy, and videos displaying the video itself on the category page. How do we prevent that and just show the featured image?
Hi,
Use this css media query’s to target just the tablets and desktop screens and remove the featured image like this: http://screencast.com/t/SZCzNYIqvt
@media (min-width: 767px) {
.td-post-featured-image {
display: none;
}
}
To remove the video from modules on category age use this css:
.category .wpb_video_wrapper {
display: none;
}
Thanks
@media (min-width: 767px) {
.td-post-featured-image {
display: none;
}This code above DOES remove the featured image from above posts BUT it removes the featured image from showing in home/category view overall for this module. It’s strange because it loads but then disappears on the category views.
Hi,
Use it like this so that it only affect the post pages and remove the featured image from top of posts on post pages only and display it on module 1 or 7 layouts:
@media (min-width: 767px) {
.single .td-post-featured-image {
display: none;
}
}
Thanks
