Changing background colour of "read more" on listings pages

This topic contains 8 replies, has 3 voices, and was last updated by  Helen Leach 4 years ago.

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

Open Support Ticket
  • Author
    Posts
  • April 14, 2020 at 6:41 am #539986

    Helen Leach
    Lifetime Member
    Post count: 42

    Hi there,
    First up, I’m loving the new version of GeoDirectory. It’s a lot easier and has all the functionality that I am looking for whilst looking amazing too. Keep up the incredible work!

    Just a quick question….. I have changed the background colour to all my pages but the “read more” on the listing pages come up gradient white. Is there a way I can adjust this so it matches colour with the new background?

    I have attached a screen shot with the issue highlighted in red.

    Big thanks,
    Helen

    April 14, 2020 at 8:14 am #540003

    Kor
    Moderator
    Post count: 16516

    Hi Helen Leach,

    Thanks for your post. Please share your Website URL here and I’ll tell you how this can be done.

    April 14, 2020 at 8:31 am #540009

    Helen Leach
    Lifetime Member
    Post count: 42
    This reply has been marked as private.
    April 14, 2020 at 11:50 am #540053

    Kor
    Moderator
    Post count: 16516

    Hi Helen,

    Thanks for your reply. Please apply the custom CSS code below. 

    body ul.geodir-category-list-view li .gd-list-item-right .geodir-field-post_content .gd-read-more-fade, body ul.geodir-category-list-view li .gd-list-item-right .geodir-post-content-container .gd-read-more-fade {
    background-image: none!important;
}
    April 14, 2020 at 12:08 pm #540062

    Helen Leach
    Lifetime Member
    Post count: 42

    Thanks Kor,
    Done that but now the “read more” overlaps the listing text. I think we need to just change the background image colour from white to the one I am using? Is this possible? Am happy to use other solutions you may think up…
    Thanks,
    Helen

    April 14, 2020 at 12:34 pm #540068

    Alex Rollin
    Moderator
    Post count: 27815

    You would need custom CSS to adjust it.

    Instead, why not change the settings of GD Post Content in the archive item.

    If you remove min_height then it will not use a gradient at all.

    Use the shortcode builder to find settings that work for you.

    https://wpgeodirectory.com/docs-v2/geodirectory/shortcode-builder/

    April 14, 2020 at 2:46 pm #540107

    Helen Leach
    Lifetime Member
    Post count: 42

    Hi Alex
    Would I do that in editing the GD-Settings-pages-Archive item page? As I can’t see GD Post content min_height. max_height yes but not min_height….

    April 14, 2020 at 3:41 pm #540124

    Kor
    Moderator
    Post count: 16516

    Hi Helen,

    Thanks for your reply. The custom CSS code below should fix it. 

    body ul.geodir-category-list-view li .gd-list-item-right .geodir-field-post_content .gd-read-more-fade, body ul.geodir-category-list-view li .gd-list-item-right .geodir-post-content-container .gd-read-more-fade {
    position: relative;
}
    April 14, 2020 at 3:56 pm #540130

    Helen Leach
    Lifetime Member
    Post count: 42

    Hi Kor
    Genius!!! In fact, it’s a combination of both CCS you have provided that has given the perfect result. You are the best!!!

    /* Remove gradient white from “read more” on listing pages */
    body ul.geodir-category-list-view li .gd-list-item-right .geodir-field-post_content .gd-read-more-fade, body ul.geodir-category-list-view li .gd-list-item-right .geodir-post-content-container .gd-read-more-fade {
    position: relative;
    background-image: none!important;
    }

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

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

Open Support Ticket