Hi! I’m currently develop my own “blog” theme and I would like to set the latest view in grid style (like here in the theme category). I know that there are a few components for this, but I don’t have images in my posts so this looks a bit strange. And there’s no option (for example in the topic-t…

most of things like that can be set up in the CSS through admin > customize > themes > Custom CSS i also wanted to have two columns and a more narrow view so I reduced the max-width from 1100px (?) to 950px and this also changed from three to two columns - in my case it was this :root { --d-max-wi…

Topic list previews is responsive so sets the number of columns automatically. You just squeeze it a little with sidebars (eg with Layouts plugin) and the number of columns number decreases. (See this example https://www.starzen.space - starts out 2 columns but click on a tag and it reverts to 3 …

[图片] anderer: most of things like that can be set up in the CSS through admin > customize > themes > Custom CSS i also wanted to have two columns and a more narrow view so I reduced the max-width from 1100px (?) to 950px and this also changed from three to two columns - in my case it was this :…

[图片] Alex: I don’t have images in posts, and it should be flexible with the columns (depends on the screen resolution). It is, that is why there is only one column on mobile. On 11inch iPad with a single right side-bar, TLP shows two columns in landscape, and one in portrait This is the key…

Thank you! My problem was to find the proper css class from discourse for the list. Is it topic-list-item or topic-list-item-seperator or anything else. I will try it later.

The grid CSS needs to be above the item level. Copy the way TLP or TLT does it.

I’m using Topic List Thumbnails now and have overridden a few things via CSS. Didn’t want anything with images in the text but you can use a default image.

[图片] Alex: but you can use a default image. Don’t you mean icon? You don’t have to use images with TLP and you can use a default image.

Yes, of course, a default icon. :wink:

Sorry for the double posting, but I have another question regarding register/login button. I want to hide these 2 buttons for anon users but then I can’t login too. Is there a URL to a login site or anything similar?

最新列表作为网格视图

开发

daemon (Alex) 2023 年6 月 19 日 08:48 6

谢谢！

我的问题是找到 discourse 中列表的正确 CSS 类。
是 topic-list-item 还是 topic-list-item-seperator，或者其他什么。

我稍后会尝试一下。

话题		回复	浏览量
How to display posts in grid? Support	2	337	2024 年4 月 30 日
Discussion grid latest UX	1	544	2023 年11 月 12 日
Pictures in grid page layout Feature	1	450	2023 年8 月 25 日
Different theme for personal message topics list? Development personal-messages	20	849	2024 年1 月 15 日
Don't show grid, just topics list Support	2	187	2024 年7 月 1 日

最新列表作为网格视图

相关话题