Image sizes and disable read more expansion

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

Open Support Ticket

Author

Posts
February 11, 2019 at 7:28 am #468162

P O
Expired Member

Post count: 501

In V1 I have all the places showing in an equal height for everything, images and text.

In V2 I have everything different, different image sizes and a read more with a gradient over the text that expands the text in place.

How can I revert that so it looks as V1?

1- All images same size for the boxes.
2- Same text excerpt, no gradient and no expand, just a read more that takes you to the actual post.

Thank you.

February 11, 2019 at 8:38 am #468177
Kor
Moderator

Post count: 16516
Hi PO,

Thanks for your reply. Please allow me to answer your questions accordingly.

1. Could you share the URL of the page in question so that I could check on it?

2. You can apply the custom CSS code below to achieve this.
```
.gd-read-more {
    display: none!important;
}
ul.geodir-category-list-view li .geodir-field-post_content {
    max-height: 100%!important;
}
```
Or refer to this section of the documentation https://wpgeodirectory.com/docs-v2/faq/common-examples/#post_content
February 11, 2019 at 8:50 am #468178

P O
Expired Member

Post count: 501

Thank you Kor.

1- I am testing this locally, so I can’t share a link to see, but let me explain.

In V1 if you uploaded 2 places, one with a 600 x 400 image and another with a 600 x 300 image, when you see the homepage, all boxes display the same exact size, the image is shown as the exact same size, an excerpt and a read more link that takes you to the actual listing detail page is shown after a little excerpt.

Now it shows one place with white spaces above and below the image and the other one with a taller image. Having this with 5000 places, shows an horrible mix of places with no design at all. Tall, short, tall, short, tall, short and so on.

The read more expands the text in place, I need to go to the detail page as V1 does. I have H1, H2, Links, bolds and structure in the detail page, expanding the text just throws all text with no format and spaces, making it imposible to read or understand, it makes you go away and never come back to get info in that site.

2-

.gd-read-more / That hides the read more, I need it as V1, so people can click to see the actual listing page complete.

ul.geodir-category-list-view li .geodir-field-post_content / That expands the text and I don’t want that, I want it to show just an excerpt as V1 does.

So what I need is:

1- All images with same size for the boxes as V1.
2- Same text excerpt, no gradient and no expand, just a read more that takes you to the actual post.

Thank you.

February 11, 2019 at 5:21 pm #468227

Stiofan O’Connor
Site Admin

Post count: 22956

For the images it should be like that, do u have a link to ur site and i’ll check the CSS?

for the description we are working on a new block/widget that will have more options and will do what u want.

Stiofan

February 15, 2019 at 3:20 pm #469184

P O
Expired Member

Post count: 501

1- For the images why should all have different sizes instead of showing them equally as in V1?

2- Any idea by when? If a place has 9000 characters and you hit read more, it expands and just leave the chunk of unformatted and unreadable text expanded with no more options.

Thank you.

February 15, 2019 at 6:48 pm #469248

Alex Rollin
Moderator

Post count: 27815

1. You can set the image size to be used in the GD Post Images option.
https://wpgeodirectory.com/docs-v2/integrations/images/#gd_post_images

If that isn’t working for you, please report your issues in your other topic: https://wpgeodirectory.com/support/topic/image-slider-height-in-detail-page/#post-469186

2. We have made a task to work on the new block, and will make an update here when it is ready for testing.

In the meantime there are a couple things you could try:

A. Add custom CSS to limit the display to a certain height:
https://wpgeodirectory.com/docs-v2/faq/common-examples/#post_content
B. You could use a separate text custom field instead of the post_content field instead. Create the field in the CPT, then edit your Archive item template to use that field instead.

Thanks

February 15, 2019 at 7:22 pm #469260

P O
Expired Member

Post count: 501

1- I am referring to the grid boxes when you see them in 2, 3 or 4 columns. See example: https://scare.directory/attractions/

V1 = As the example link, all exact image sizes. (even if the place has one 650 x 500 images and other place 650 x 300 images)
V2 = All different sizes. (not equally in height)

* The other topic refers to the actual listing page slider.

2- I will have to wait, read more takes you to the actual post is what I need, not hide it.

Thank you.

February 15, 2019 at 8:00 pm #469279
Alex Rollin
Moderator

Post count: 27815
Here is some of the CSS that makes that happen
```
.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
    padding: 0;
    float: left;
    width: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 92%;
    max-width: 92%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 4%;
}
```
To do more we would need to see your V2 site.
February 23, 2019 at 9:22 am #470755
Martin Steimann
Lifetime Member

Post count: 262
May I chime in?

I would also love to get the V1 behavior and styling of text excerpt and read more button.

Alex, I tried your suggestion of altering CSS, but the result wasn’t any good. In the meantime I would rather hide excerpt and read more by adding this CSS:
```
.geodir-field-post_content {
   display: none !important;
}
```
Will the „old feature“ be back in a future version?

Regards,
Martin
Author

Posts