Grid Display problem

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

Open Support Ticket

Author

Posts
June 6, 2017 at 1:12 pm #381913

cora thieul
Free User

Post count: 36

Hi,

When Grid Display is selected with 3 items on a line, only 2 are displaied as 2 Grid view was selected ?

I checked the configuration in GD>Design>Listing tab but also set to 3 items …

Is there any other configuration somewhere to get 3 items displaied on 1 line ?

Find attached 2 screenshots.

Thanks for your help and BR,

Cora

June 6, 2017 at 2:26 pm #381936

Kor
Moderator

Post count: 16516

Hi Cora,

Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below. Also, share the URL of grids so that I could inspect the page directly.

June 6, 2017 at 2:43 pm #381937

cora thieul
Free User

Post count: 36

This reply has been marked as private.

June 6, 2017 at 5:16 pm #381959
Paolo
Site Admin

Post count: 31211
Please try to add this in GeoDirectory >> Design >> Scripts >> Custom CSS:
```
.geodir_category_list_view li.gridview_onethird {
    margin: 0 14px 0 0;
}
```
Let us know how it goes,

Thanks
June 7, 2017 at 3:02 pm #382117

cora thieul
Free User

Post count: 36

Hi,
It is OK now for grid 3 but still not OK for grid 4 and 5. I quickly try with the following :
.geodir_category_list_view li.gridview_onefifth {
margin: 0 14px 0 0;
}
but no success …
BR,
Cora

June 7, 2017 at 3:19 pm #382120

Paolo
Site Admin

Post count: 31211

A developers will follow up with you asap.

Thanks for your patience,

June 8, 2017 at 12:49 pm #382303
Giri
Expired Member

Post count: 3155
```
.sd .geodir_category_list_view li.gridview_onefourth {
    margin: 0 12px 0 0;
    width: calc(25% - 12px);
}
.sd .geodir_category_list_view li.gridview_onefifth {
    margin: 0 11px 0 0;
    width: calc(20% - 12px);
}
```
June 8, 2017 at 12:54 pm #382307

cora thieul
Free User

Post count: 36

Hi Giri,
I tried what you proposed in you last and previous post, but it is not ok …
BR, Cora

June 8, 2017 at 12:57 pm #382309
Giri
Expired Member

Post count: 3155
Try adding important tag
```
.sd .geodir_category_list_view li.gridview_onefourth {
    margin: 0 12px 0 0 !important;
}
.sd .geodir_category_list_view li.gridview_onefifth {
    margin: 0 11px 0 0 !important;
}
```
June 8, 2017 at 1:04 pm #382312

cora thieul
Free User

Post count: 36

not better 🙁

June 8, 2017 at 1:12 pm #382316
Giri
Expired Member

Post count: 3155
Thats weird. It worked while using inspect element

Can you try this one code instead?
```
.sd .geodir_category_list_view li.gridview_onefourth {
    margin: 0 9px 0 0 !important;
}
.sd .geodir_category_list_view li.gridview_onefifth {
    margin: 0 8px 0 0 !important;
}
```
Thanks
June 8, 2017 at 1:18 pm #382318

cora thieul
Free User

Post count: 36

That’s perfect now ! thanks for supporting !
Could you also tell me where to change the translation for Grid and View ?
Very BR for your availability, Cora

June 8, 2017 at 1:37 pm #382336

Giri
Expired Member

Post count: 3155

Check here.

https://github.com/mistergiri/geodirectory/blob/master/geodirectory-languages/geodirectory-en_US.po#L5319

You need to translate those strings

June 8, 2017 at 3:18 pm #382352

cora thieul
Free User

Post count: 36

Ok thanks I tried to translate on the git but maybe it is not so good … I updated the file -en-US.po but maybe it is needed to create à -en-FR.po file … well anyway this is another topic …
BR, Cora

June 9, 2017 at 9:50 am #382437

Giri
Expired Member

Post count: 3155

Yes Cora, you need to make a copy of -en-US.po with name -en-FR.po You need to add your translation strings in -en-FR.po file.

You need to do this in your computer and upload it to your server. Not in github.

Thanks
Author

Posts