List view from craiglists ro general wide template?

[Wei Hong]

Hi,

Is there anyway if I can add listview to general wide template?

[Viktor]

Hello Wei Hong,

Your request is not clear for me. Would you please clarify your request in more details may be with screenshots.

[Wei Hong]

Hello Wei Hong,

Your request is not clear for me. Would you please clarify your request in more details may be with screenshots.

Yes Viktor, sorry for being vague.
I want to add the list view mode in craiglist template to general wide template. The reason is this view mode is very practical. User can see more listing on their screen, especially on phone. I tried to worked with craiglist theme since July but sadly at the moment it still have some issues. And one of them is unsolvable, the one that stick the filter box on top instead of staying at the bottom. The alternative was to add it to headers menu which looks odd so I asked the staff to reversed it.

Here is screenshot. I want to implement this list view mode to general wide template
Screen Shot 2017-09-06 at 12.08.10 AM.jpg

[Viktor]

Hello Wei,

Please see my screenshot. https://screencast.com/t/uiLxcbFtxx5
I changed only 2 styles and now listings smaller.

[Wei Hong]

Hello Wei,

Please see my screenshot. https://screencast.com/t/uiLxcbFtxx5
I changed only 2 styles and now listings smaller.

Yes Viktor, it does look a bit better. Would you please guide me to do it?

[Wei Hong]

bump this up for new week

[Viktor]

Hello Wei,

Go to ftp://templates>>general_wide>>css>>style.css
find class: section#listings div.picture > img
and change width to 130px
then find class: section.list > article
and change styles:

Only registered members can view the code.

to

Only registered members can view the code.

save and check again.

[Wei Hong]

Thanks Viktor,

But I just realize that on mobile it doesn't have such neat list view.

[Pete Young]

hello Wei Hong, this might help you out in your style css go to line 6918 and comment block out the first line

/* width: 236px*/

then go to line 2374 and edit width from 190 to 150 or what ever width suits you.

https://screencast-o-matic.com/watch/cbQX3RIIbv

if you then want to bunch them up some more and reduce the gap between each one to to line 2534 and reduce or comment block min height

section.list > article {
margin: 0 0 30px 0;
/* min-height: 95px; */
width: 100%;

https://screencast-o-matic.com/watch/cbQX0qIIFO

if this is not what you want then please describe a little more

Pete

[Viktor]

Hello Pete,

If you set less then 150px for the image listing height will be 95px that's why I wrote you change or remove: min-height: 95px;