Description Text fades and I don't want it to fade.

This topic contains 13 replies, has 3 voices, and was last updated by  rigots 4 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • September 13, 2019 at 5:29 am #507971

    rigots
    Lifetime Member
    Post count: 275

    When I do a search on my directory the resuls have a list view display with a pictures of each business to the left and a description to the right.

    The descriptions of each business fades away after two to three lines of text. I do not want the last line or two of the text to fade away.

    I want all the text to be the same, visible!

    Is there a way to remove the adding text features, if yes, how is this done?

    Thank you.

    September 13, 2019 at 6:58 am #507981

    Kor
    Moderator
    Post count: 16516

    Hi Rigots,

    Thanks for your post. You can apply this custom CSS code to remove the bg image. 

    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;
}
    September 13, 2019 at 5:37 pm #508099

    rigots
    Lifetime Member
    Post count: 275

    Thank you very much, that worked. I had no idea that back ground image was making the text fade.

    Ok, so now that I remove the back ground image. The test that says “Read more …” and that is supposed to go at the of the text in about half of the listing this text is being displayed right on top of the test and it is unreadable. How do I fix that?

    Check my site so you can see what I mean: https://www.partycoop.com/wp-admin/customize.php?return=%2Fwp-admin%2Fthemes.php

    Thank you

    September 18, 2019 at 7:16 pm #509022

    rigots
    Lifetime Member
    Post count: 275

    Hi I did not get a reply on this. Check my site and you will see most of the search results have the “Read more” link on top of the other text. Why how can I make the “Read more” text only show at the end of the description next not on top of the text?

    Thank you.
    Rigo

    September 18, 2019 at 7:37 pm #509025

    rigots
    Lifetime Member
    Post count: 275

    For now What I did was to remove the “Read me” link in CSS, like this.

    /*Remove Read More */
    .gd-read-more.gd-read-more-fade {
    display: none;
    }

    I would also like to know who controls the amount of text that gets displayed. What If I wanted more text to get displayed, where do I increase the amount of text that I want displayed in the short description?

    September 19, 2019 at 8:21 am #509118

    Alex Rollin
    Moderator
    Post count: 27815

    There are at least 3 ways to show the post content in the archive item.

    The newest feature is the GD Post Content element. Try adding that to your archive item and adjusting the options to meet your needs.

    Use the shortcode builder to create a new shortcode for GD Post Content to meet your specific needs.

    https://wpgeodirectory.com/docs-v2/geodirectory/shortcode-builder/
    https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/#gd_post_content

    September 20, 2019 at 4:38 pm #509405

    rigots
    Lifetime Member
    Post count: 275

    Hi I used [gd_post_content key=”post_content” limit=”100″ read_more=”View Profile” alignment=”center”]

    But the read_more text (View Profile) gets placed in the middle of the last line of text, on top of the text. How to a make it so the ‘read_more’ text is centered on it one line below the text?

    Thank you.

    September 20, 2019 at 7:58 pm #509448

    Kor
    Moderator
    Post count: 16516

    Hi rigots,

    Thanks for your reply and I apologize for overlooking your reply earlier. Could you share the URL of the page in question so that we could check on it?

    September 20, 2019 at 9:36 pm #509459

    rigots
    Lifetime Member
    Post count: 275

    Sure, I will share my info int the private notes.
    For now I have commented out with the ‘Read More’ text with CSS.

    /*Remove Read More */
    .gd-read-more.gd-read-more-fade {
    display: none;
    }

    Feel free to temperately comment out that CSS so you can see the problem. Just do a search on my website with no parameters which searches all categories.

    September 20, 2019 at 9:38 pm #509462

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    September 21, 2019 at 8:44 pm #509558

    Kor
    Moderator
    Post count: 16516

    Hi Rigots,

    Thanks for your reply. Could you try using this custom CSS code and see if it helps? 

    a.gd-read-more.gd-read-more-fade {
    display: block!important;
    position: relative!important;
}

.geodir_post_meta.geodir-field-post_content,.geodir-post-content-container {
    overflow: visible!important;
}
    September 22, 2019 at 8:07 pm #509654

    rigots
    Lifetime Member
    Post count: 275

    Yes, this is better the text is no longer in the middle of the text.
    But it is at the end of the the text line.

    Is there a way to put it in it’s own empty line below the text? Aligned to the left for center.

    Thank you.
    Rigo

    September 23, 2019 at 7:04 am #509681

    Kor
    Moderator
    Post count: 16516

    Hi rigots,

    Thanks for your reply. I’ve added the code below and it should push the texts below it. 

    a.gd-read-more {
    display: block;
    text-align: center;
}
    September 23, 2019 at 4:18 pm #509783

    rigots
    Lifetime Member
    Post count: 275

    Great, that works.

    Thank you.

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

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

Open Support Ticket