Hi,
Is there anyway if I can add listview to general wide template?
Hi,
Is there anyway if I can add listview to general wide template?
Hello Wei Hong,
Your request is not clear for me. Would you please clarify your request in more details may be with screenshots.
Viktor,
Flynax technical department,
Best wishes.
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
Hello Wei,
Please see my screenshot. https://screencast.com/t/uiLxcbFtxx5
I changed only 2 styles and now listings smaller.
Last edited by Viktor; September 6, 2017 at 11:04 AM.
Viktor,
Flynax technical department,
Best wishes.
bump this up for new week
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:
toCode:Only registered members can view the code.
save and check again.Code:Only registered members can view the code.
Viktor,
Flynax technical department,
Best wishes.
Thanks Viktor,
But I just realize that on mobile it doesn't have such neat list view.
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
Last edited by Pete Young; September 11, 2017 at 11:20 PM.
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;
Viktor,
Flynax technical department,
Best wishes.