Text Overflow On Listing Previews

This topic contains 24 replies, has 5 voices, and was last updated by  Giri 8 years ago.

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

Open Support Ticket
  • Author
    Posts
  • #261714

    Robert Davenport
    Buyer
    Post count: 609

    Hi,

    We’re having an issue on the listing preview pages where the text is running below the boundary lines of the listing preview and some of the ratings are even displaying below the boundary lines.

    Can you please explain how to fix this?

    Thank you,
    Robert

    #261716

    Robert Davenport
    Buyer
    Post count: 609
    This reply has been marked as private.
    #261721

    Robert Davenport
    Buyer
    Post count: 609
    This reply has been marked as private.
    #261825

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Can you provide a page link with the problem, i don’t see it.

    Stiofan

    #261875

    Robert Davenport
    Buyer
    Post count: 609

    Hi Stiofan,

    It’s actually happening on all of the category listing preview pages.

    Here is are some of the pages that you can click on to see:

    https://shoprva.com/places/restaurants/ – look at both Nacho Mama’s listings (text, ratings and favorite have run off the bottom of the listing preview)

    https://shoprva.com/places/shop-1/ – look at Flamingo Nightmares and Sweet Temptations

    https://shoprva.com/places/family-fun-activities-entertainment/ – look at Windy Hill Sports Complex towards the bottom of this page on right side

    Here’s an attached screenshot showing it also

    #261907

    Kor
    Moderator
    Post count: 16516

    Hi Robert,

    I’ve just checked your Website and that is actually caused by some broken HTML markups inserted by your members into the “Special Offer” custom fields as shown in this screenshot http://prntscr.com/cf8chn . I’d suggest that you double check the listing in the backend and correct the HTML markups in the “Special Offers” section. Let us know if it helps.

    Thanks!

    #262057

    Robert Davenport
    Buyer
    Post count: 609

    Hi Kor,

    It’s happening to every listing that has a lot of text. I could possibly understand if it was just one listing but this is happening to every listing with a lot of text. I need to know how to fix this for the entire site not just one listing?

    Please explain.

    Thank you,
    Robert

    #262128

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I’ve flagged this for the developers, they’ll let us know asap.

    @devs here you find credentials: https://wpgeodirectory.com/support/topic/additional-text-showing-up/#post-261880

    Thank you,

    #262138

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Robert,

    Kor is right it’s a broken html element which u should fix, but in the next reelase we have set the overflow to hidden for that which should help you but not solve the actual cause.

    Thanks,

    Stiofan

    #262222

    Robert Davenport
    Buyer
    Post count: 609

    This is happening on EVERY listing that we have that has a lot of text. There could be as many as 75 to 100 listings that are having this issue. Why would there suddenly be a broken HTML element when all we did was update the Geodirectory files and WordPress?

    #262226

    Robert Davenport
    Buyer
    Post count: 609
    This reply has been marked as private.
    #262228

    Robert Davenport
    Buyer
    Post count: 609

    Not sure if the latest update release just now fixed it but after doing the update to V 1.6.8 the text in the listing previews no longer runs off the boundary line and doesn’t appear to be doubling up.

    I’ll also check with my developer to see if they did anything to it since they were trying to resolve it also.

    Thank you,
    Robert

    #262551

    Giri
    Expired Member
    Post count: 3155

    Hey Robert, It looks like you (or your developer) added some custom styles in your child theme. That is what cuts off the text. GD grids doesn’t have any fixed height by default.

    Please remove the following code from your child theme style.css file if you don’t want to truncate the text.

    
    
    .geodir-gridview.gridview_onehalf {
        height:700px;
    }
    
    .geodir-gridview.gridview_onethird {
        height:500px;
    }
    
    .geodir-gridview.gridview_onefourth {
        height:500px;
    }
    
    .geodir-gridview.gridview_onefifth {
        height:500px;
    }
    .geodir-gridview.gridview_onehalf {
                     height:700px;
                 }
    
    .geodir-gridview.gridview_onethird {
        height:500px;
    }
    
    .geodir-gridview.gridview_onefourth {
        height:500px;
    }
    
    .geodir-gridview.gridview_onefifth {
        height:500px;
    }
    #262555

    Robert Davenport
    Buyer
    Post count: 609

    Hi Giri,

    That code was actually provided by Kor Chung there with you from ticket # https://wpgeodirectory.com/support/topic/make-listing-previews-same-size/ to help us make the listing previews look more consistent and professional by making them all the same size preview boxes instead of some short and some going halfway down the page.

    Please let me know if there is an updated way or better way to make this happen so that our listing previews look the same size….?

    #262556

    Giri
    Expired Member
    Post count: 3155

    Hey Robert, Consistency matters if you are after fixed height grids.

    1) Don’t display custom fields inside grids

    2) For excerpt text use some fixed characters. Ex: 100 characters and then display read more link

Viewing 15 posts - 1 through 15 (of 25 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