Have you tried how the desktop view looks in a mobile? It isn’t that great in some mobiles.
Thank you for your reply.
I just tried on 2 iPhone and it was like this.
Which is exactly what I am looking for.
Ideally I would like that my users have this view directly without playing with the settings.
Disable your custom component. Create a new test component in mobile CSS try this
.category-box-heading h3 {
//* You may need to uncomment the 2 lines below.
// Overflow: unset !important;
// Text-overflow: unset !important;
text-wrap: balance !important;
}
I am pretty sure you will not need any other CSS modifications.
Just tested. Not working with my snippet either.
Latest version of effective code:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
.topic-list .views {
width: 10% !important;
order: 3 !important;
display: flex !important;
visibility: visible !important;
justify-content: center;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.views {
width: 10% !important;
order: 3 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
I have two questions:
- How to make the width of the theme as Full page?
- How to reduce the font size of default welcome message at the home page (Screenshot attached).
can somebody help me in getting these?
That’s great. Thank you.
I am trying to change the background of the forum i created using the platform and I am unable to do that with the CSS codes shared in the thread so far. I am quite new to the platform so would be grateful for the help. I am trying to aim for a single color background for the forum, a greyish color. (https://forums.fugitives.com/)
Welcome. The blue part is set in .background-container
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%);
clip-path: ellipse(148% 70% at 91% -14%);
}
thank you. any way to change the weight and color of the font specifically? Also, is is to possible to achieve chat design like the one in the added screenshot.
Warm Regards and thank you for the help.
You can change fonts from /wizard/steps/styling
.
You can change the text color by modifying the color palette from /admin/customize/colors
.
I don’t know about the overall style from your screenshot, but for the vertical line, this could help: Line under avatar? - #2 by Canapin
Yeah it also seems to do sideways overflow on Meta here as you showed with the horizontal shifting. I find at times here the texts overflows outside of the boxes in topic lists. Typically iirc in suggested topics but also at times other areas.
Any idea why I’d get a 502 error installing Air?
Graceful theme installed right away. This is a fresh install of Discourse.
Do you get the same error every time you try to install this theme?
I do! I tried on multiple machines (edit: laptop and desktop, not different servers) as well.
Do you see any error in the browser’s console and also in yoursite/logs ?
Logs…
Console - I’ve noticed the HTTP thing, fonts/favicon are borked and haven’t troubleshot that yet. [edit: turned on force https]
Interesting. I have no idea at the moment. I can’t reproduce it on the latest or even your version.
For reference, you’re using Discourse 3.3.3.
By the way, is there a specific reason? The latest “stable” version is 3.4.0, and you installed Discourse two days ago.
Good question I am using PikaPods and they handle updates - I emailed them earlier. I was going to blame them on this too but the other theme installed no problem.
Just wanted to share that I think this is a wonderful theme. Thanks, OP!