Remove featured image from blog pages

Hi,
@Daniele, sorry for the very late reply, I’m not sure why your share links and related entries changed, but the css above doesn’t target either of those items. I also took a look at your page in your screenshot and tested the css to confirm that neither element was affected by it.
I looked through a few of your posts and this error doesn’t seem to appear further and your featured image seems to be hidden, as you wished for. Did you have any further questions about the featured image?

Best regards,
Mike

Hi,
#1: we do have this filter to set the “single-small” layout:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

but before trying this please note that the different blog layouts display this differently, ie: business, elegant, & modern business:

also try the page with a sidebar, I believe there is one layout that only shows with a sidebar, it was either the small image above the title or beside it, I don’t remember right now.
so first try these settings as the image may show just by changing this, otherwise try the filter and then test these again.
If this doesn’t help, please include an admin login in the private content area so I can try some different settings and filters.
#2: to remove the author please try this css:

.blog .text-sep.text-sep-cat,.blog .blog-author.minor-meta {
	display: none;
}

to remove only the “phoenix Diver” author, if there was multiple authors, first add this code to the end of your functions.php file in Appearance > Editor:

function custom_admin_author_script() { ?>
    <script>
(function($){
  $('.blog .post-entry').each(function() {
  $(this).find('.author > span > a').each(function(){
  	$('[href*="phoenix-divers"]').parentsUntil( ".entry-content-header" ).addClass('admin');
  });
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_admin_author_script');

then add this css:

.blog .post-meta-infos.admin .text-sep.text-sep-cat,
.blog .blog-author.minor-meta.admin {
	display: none;
}

this removes the author and the backslash before it.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the login, I tested the different Enfold settings on my localhost and found that to have the small featured image next to the excerpt, like this:

you need to have the sidebar enabled on the blog page at: Enfold Theme Options > Sidebar Settings > Page Sidebar navigation > Sidebar on Blog Page
The full layout looks like this:

I enabled the sidebar on your site to enable this layout, and I had to disable this css in your Quick CSS to show the featured image:

.blog-meta .small-preview {
    display: none;
}

While this works, your posts looked different so I put the settings back. Please try this yourself.

Best regards,
Mike

Hi,
Thanks for the feedback, I do understand that we are talking about your blog page /news/
Currently, your blog layout setting is for List Layout – Excerpt (Title, meta information and excerpt only), you would want to choose Single Author, small preview Pic (no author picture is displayed, feature image is small).
and you need to change this css to show the image on the blog page, but because you added it to remove the image on single posts I modified it to only work on single posts, from:

.blog-meta .small-preview {
    display: none;
}

to:

.single-post .blog-meta .small-preview {
    display: none;
}

So now from screenshot one below, you can see the layout I believe you were looking for on your blog page /news/
The issue I now see is that the image in the blog post is showing in the excerpt, perhaps you will like this, but since your previous blog layout didn’t show images or videos in the excerpt, I’m thinking that you don’t want to show these. So the first option would be to edit each post and add the -more- tag above the images so they don’t show, or we could use this css to hide the excerpt images/videos only on the blog page.

#top.blog .post-entry.single-small .entry-content img,
#top.blog .post-entry.single-small .entry-content .avia-iframe-wrap{
    display: none !important;
}

Now you will see from the second screenshot the blog page is much closer, but it is still quite different from before because the layout in the theme options is different, the classes and css is different, it’s not one-for-one between the layouts.

I typically don’t leave changes like this in place on live sites, but I will leave it like this today because I think it would be easier for you to see the result.

Best regards,
Mike

Hi,
Sorry for the late reply, I didn’t notice that this is not your thread, that is why you can not see the Private Content area and the screenshots.
Anyways, you said you like the result now, but you would like to have the read more button like it was in the “list layout”, unfortunately, the “Single Author, small preview Pic” layout doesn’t have a read more button, so for a workaround I added the “read more” to one of your posts:

Then I added this css to your Quick CSS:

#top.blog .entry-content .more-link {
    text-align: right;
    position: relative;
    margin-top: 40px;
}
#top.blog .entry-content .more-link {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    color: inherit;
    line-height: 2.1em;
    font-size: 0.75em;
}

Now for the one post on your Blog the read more button is showing like on the “List Layout”

Please try adding the “read more” to the other posts, to show less of the excerpt try adding the “read more” above the post content.
The page is [your-domain]/news/

Best regards,
Mike