Possible to hide image on listing page for places that are not featured?

This topic contains 1 reply, has 2 voices, and was last updated by  Guust 8 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #360530

    Scott Harris
    Lifetime Member
    Post count: 74

    I would like to add value for places that subscribe and are featured so that they can display an image on the listing page. For non-featured free places, I’d prefer that they do not have an image. I figured out how to make the font size of the featured listings larger using this css:

    h3.geodir-entry-title a {font-size: 14px; color: #333;}
    .gd-post-featured h3 a {font-size: 25px !important;}

    However, I’d also like to hide the images for non-featured places if possible. Is there a way to do that? If I simply don’t add an image to the place and don’t add a default listing image to the category, then no image appears. However, there is still an empty space on the listing page that takes the place of the image. That looks bad on mobile screens and I’d like to remove that blank space where the image would be.

    I know that I can remove all images on the listing page with this css, but only want to remove them for the non-featured listings.
    .geodir-post-img {
    display:none!important;
    }

    #360535

    Guust
    Moderator
    Post count: 29970

    Review https://wpgeodirectory.com/docs/common-styling-examples/#feature
    and try this CSS:

    
    
    .gd-post-featured .geodir-post-img {visibility: initial !important;}
    .geodir_category_list_view li .geodir-post-img {visibility: hidden;}

    Thanks

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount