Greyscale css

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

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

Open Support Ticket
  • Author
    Posts
  • #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

    #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.

    #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%);}

    #523881

    Sudell Sudell
    Expired Member
    Post count: 34

    Any help on this please?

    #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;
    }
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