inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 5:45:08 GMT -8
Is there a way to make post display from left to right instead of top to bottom?
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on Oct 18, 2018 6:12:22 GMT -8
Yes. You will need to modify the "post list" template.
If you look in that template, you will see exactly how they are structured to follow one after each other.
With some HTML / CSS you can make them look any way you want.
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 6:36:21 GMT -8
Thx for answering! but Im not sure what you mean. How do I find the post list?
the HTML looks like this
<!doctype html> <html> <head> <title>$[title] | $[forum.name]</title> $[head] <style> body { background-color: $[background_color]; color: $[text_color]; font-family: $; } a { color: $[link_color]; } .container > .content { border-style: solid; border-width: 1px; background-color: $[content_background_color]; border-color: $[content_border_color]; border-radius: $[content_border_radius]; } .container > .title-bar { background-color: $[title_bar_background_color]; background-image: $[title_bar_background_image]; background-position: left center; border-color: $[title_bar_border_color]; border-radius: $[title_bar_border_radius]; } .container > .title-bar > h2 { color: $[title_bar_text_color]; font-size: $[title_bar_text_size]; } .title-bar h2 { margin: 0; padding: 5px 10px; } footer .footer-links { margin-top: 10px; padding-top: 5px; } footer .footer-links, footer .footer-text { font-size: 0.8em; text-align: center; } .widget-notification .new-icon { font-size: x-small; color: #6F6F6F; margin-right: 5px; } </style> </head> <body> $[header] <br style="clear: both;" /> <div style="padding-bottom: 10px;">$[zone_1]</div> <div style="float: left; width: 50%;"> <div style="padding-right: 5px;">$[zone_2]</div> </div> <div style="float: left; width: 49.9%;"> <div style="padding-left: 5px;">$[zone_3]</div> </div> <br style="clear: both;" /> <div style="padding-top: 10px;">$[zone_4]</div> $[footer] </body> </html>
Is this what I have to edit?
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on Oct 18, 2018 6:42:57 GMT -8
Maybe I am misunderstanding what you mean by "post" then (I don't use custom pages, so not sure what widgets are available).
I assumed you wanted a custom post list page. Seems like you are meaning an actual custom page that you created?
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 6:56:11 GMT -8
yes
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on Oct 18, 2018 6:58:43 GMT -8
Do you have a public link to the current page so we can see what it currently looks like?
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 7:18:21 GMT -8
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 7:20:04 GMT -8
I have the gallery addon by todge added to it. Im trying to get it display left to right instead of top to bot. Is that possible?
|
|
inherit
223470
0
Feb 27, 2019 17:05:53 GMT -8
₪» ⅀ ƪ Ƒ «₪
Original registration date: 2007. DeviantART: http://deviantart.com/ruanly. Discord: Ruanly#7946.
1,281
July 2015
fajita
|
Post by ₪» ⅀ ƪ Ƒ «₪ on Oct 18, 2018 7:58:26 GMT -8
If it involves Todge's plugin, then the best idea is probably to post in the Support thread for that specific plugin, so that the author can help you.
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 8:47:32 GMT -8
|
|
inherit
223470
0
Feb 27, 2019 17:05:53 GMT -8
₪» ⅀ ƪ Ƒ «₪
Original registration date: 2007. DeviantART: http://deviantart.com/ruanly. Discord: Ruanly#7946.
1,281
July 2015
fajita
|
Post by ₪» ⅀ ƪ Ƒ «₪ on Oct 18, 2018 9:02:17 GMT -8
Ahhhh, okay. So, you have a custom page set up using the widget "Recent Threads/Posts" and have it set to show posts. By default, it displays vertically. You'd like to have it go left to right, like a grid, such as: Post 1 | Post 2 | Post 3 | Post 4 | Post 5 | Post 6 | Post 7 | Post 8 |
Is that correct? If so, it likely requires JavaScript to modify the natural structure, if this is possible. I tested it out and don't see access to the HTML of a widget through its basic console. Unfortunately, I personally cannot help you, but hopefully this can help make it as clear as possible for any coder who reads this who is capable of assisting.
|
|
inherit
255682
0
Feb 10, 2019 0:52:24 GMT -8
orespory
66
July 2018
orespory
|
Post by orespory on Oct 18, 2018 9:12:51 GMT -8
Yes that is correct! Thats exactly what Im lookin for!
|
|
inherit
2671
0
May 14, 2013 14:40:03 GMT -8
Peter
🐺
10,615
February 2002
peter3
|
Post by Peter on Oct 19, 2018 0:39:29 GMT -8
If it's the widget then ₪» ⅀ ƪ Ƒ «₪ is correct, I don't think you can modify the structure, and the way it is built is not ideal, it would require a lot more work on the CSS side just to force them into their places. Only way I see this happening, is some JavaScript that will restructure that content (add a wrapper around each post elements) and add a new class that you can then use via CSS. Am not familiar with the widget system, so someone else might have a better solution.
|
|