Greyscale css

This topic contains 4 replies, has 2 voices, and was last updated by  Kor 4 years, 11 months ago.

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

Open Support Ticket

Tagged: , , , , ,

  • Author
    Posts
  • January 1, 2020 at 4:52 pm #523603

    Sudell Sudell
    Expired Member
    Post count: 34

    The following article shows how to apply a greyscale filter to listings in list view.

    .geodir-category-list-view li.geodir-badge-featured-is_empty {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}

    I want to know how I can also apply this filter to the GD detail page.

    https://www.google.co.uk/amp/s/wpgeodirectory.com/docs-v2/geodirectory/featured-listings/%3famp

    January 1, 2020 at 6:22 pm #523608

    Kor
    Moderator
    Post count: 16516

    Hi Sudell,

    Thanks for your post. Could you highlight the area on your detail listing page that you’d like to have it “greyscale” using a screenshot? Also, share the URL of the page in question.

    January 2, 2020 at 1:26 pm #523695

    Sudell Sudell
    Expired Member
    Post count: 34

    Hi,

    Thank you for responding.

    Please find the attached screenshot. I have put a red box around the elements i would like to be greyscale (only if the listing is not verified.)

    I have included another screenshot of the map marker listing, which i would also like to greyscale if not verified, if possible?

    I already have this style applied
    .geodir-category-list-view li.geodir-badge-featured-is_empty {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}

    January 3, 2020 at 4:16 pm #523881

    Sudell Sudell
    Expired Member
    Post count: 34

    Any help on this please?

    January 3, 2020 at 6:59 pm #523902

    Kor
    Moderator
    Post count: 16516

    Hi Sudell,

    Try using the custom CSS code below and see if it helps. 

    .gd_placecategory-unverified .geodir-post-meta-container,
.gd_placecategory-unverified .geodir-ninja-forms,
.gd_placecategory-unverified .gd-list-favorite {
    filter: grayscale(100%)!important;
}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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