Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #259066

    As many of my blog posts don’t have images, I want to remove images from the Blog Grid layout, partly to save some space and po
    artly because all images have a color border in this website. The blog page is at http://www.mgabingdon.org.uk/news/

    Which layout file do I remove the image php from?

    • This topic was modified 5 years, 5 months ago by  Artinet.

    Hey Artinet!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-content-slider .slide-image { display: none; }



    This worked good but can I have this only happen on the home page, on the other pages I still want to see the thumbnail.



    You can add a .home in front of it to target only the homepage.

    .home .avia-content-slider .slide-image { display: none; }

    Best regards,



    Sorry to jump in on this post but I want to achieve the same result on the following page (http://new.fcsafety.co.uk/service/mechanical_handling_equipment/) and then replicate on similar pages throughout the site but not all of them. Can I use the same code and just replace the .home with the page title or is it not that simple?


    • This reply was modified 3 years, 3 months ago by  efletcher.

    Hi Emma,

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-144 .avia-content-slider .slide-image { display: none; }

    Best regards,


    Hi Yigit,

    Thanks for the response but it doesn’t seem to work? Do I need to do anything else within the site to help the code work?

    Below is the complete quick css box in case something is contradicting it? Thanks for your help.

    #avia-menu {
    margin-left: 30%;
    @media only screen and (max-width: 767px) {
    h1.av-special-heading-tag { font-size: 35px !important; }}

    .av-subheading_below {

    .av-image-caption-overlay p {
    text-align: left;
    margin-top: -70px!important;

    @media only screen and (max-width: 767px) {
    .av-subheading {
    font-size: 20px!important;

    .page-id-144 .avia-content-slider .slide-image { display: none; }



    Can you please try the code as following

    .avia-content-slider .slide-image { display: none !important; }

    Best regards,


    Hi Enfold Support,
    We’re in a similar boat but just want to remove the featured image from our post slider for certain post types. Can you please send the custom post slider CSS snippet that would remove the featured image preview from a post slider of post types with category of “XXXXX”?


    Hi Eric,

    Category selector is not added in content slider therefore you would need to target using post ID as following

    .avia-content-slider .post-entry-142 .slide-image {
        display: none;

    Best regards,


    I have tried all of these css tricks and none have worked. I want to remove the author image from the blog grid layout page as there are no featured images for the posts. Please advise. Temporary url is: http://ihost2net.com/turbo/stocks-to-watch/


    Oops – my bad – ignore my previous post. Sorry.


    Hey image2site,

    Did you still need help with this topic, or shall we close?

    Best regards,
    Jordan Shannon


    Hi Jordan,

    I got it resolved. You can close this.



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Remove images from Blog Grid layout’ is closed to new replies.