Modify gd_listing appearance to display vertically

This topic contains 5 replies, has 2 voices, and was last updated by Guust 6 years, 1 month ago.

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

Open Support Ticket

Author

Posts
October 23, 2018 at 12:15 am #450892

Andrew
Expired Member

Post count: 197

Hi,

On my homepage, I’ve got 4 columns which contain 4 different gd_listing shortcodes (see attached image), however I’d like the listings to be displayed as lists with the elements displayed vertically (instead of horizontally). Essentially I’d like a grid view, with 1 column – is this easily doable?

Thanks,
Andrew

October 23, 2018 at 9:49 am #450932

Guust
Moderator

Post count: 29970

You will need to add some custom CSS to the different section. But without seeing I am not sure I understand correctly. Add your URL if we need to have a look.
Thanks

October 23, 2018 at 10:04 am #450936

Andrew
Expired Member

Post count: 197

This reply has been marked as private.

October 23, 2018 at 10:19 am #450939
Guust
Moderator

Post count: 29970
Make sure you use the 2 column grid: layout=”gridview_onehalf”
Then add this CSS:
```
.home ul.geodir-category-list-view.geodir-gridview.gridview_onehalf>li {
    width: 100%;
    float: left;
}
```
October 23, 2018 at 10:37 am #450942

Andrew
Expired Member

Post count: 197

Thanks for that!

October 23, 2018 at 11:34 am #450946

Guust
Moderator

Post count: 29970

You’re welcome 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

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

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount