Hi all! I want to remove the fixed width size and replace it with a percentual value. How can I do this? I tried so many things out but none of them worked. Here are two images how it should be at the “homepage”. [Discourse_scss] And here inside a topic. [Discourse_Topic_scss] So who can give me a hint or directly the code for it? I would be very grateful!

By column width First we need to redefine display: flex;: .categories-and-latest { display: block; } and then, set the width: .column.categories{ width: 40%; float: left; } [discourse] This is only as a sample. You may have to grab the previous div and take care of the screen width. I have no idea what will happen on mobile devices, and it will require adding more css. Pay attention to: display: flex;. Perhaps there are difficulties in this.

Thank you! What I’m looking for is the css selector for the default width. I’ve tried .wrap and many others, but none worked. I got them with the inspector.

[תמונה] daemon: I’ve tried .wrap and many others, but none worked. I got them with the inspector. Tried using for .wrap max-width: 100%; and width became 100%

If I do this only the header and the footer are 100%. Am I missing something? EDIT: I checked again and insert #main > div #main-outlet { max-width: 90%; width: 90%; } but as you can see in the screenshot it gets overwritten from theme_11.scss and I don’t know why. [Discourse_css]

Try this option. .categories-and-latest { display: block; } .wrap { max-width: 90%; width: 90%; } .categories-and-latest div.column.categories { width: 40%; float: left; }

It’s the same as above, it gets overwritten from theme_11.scss. It’s really annoying because it worked once but now not anymore. Edit: It’s one of the theme components, I have to figure which one. Got it, it’s the offical “Easy responsive footer”. After removing it the site changed to 90% width. Maybe @Johani can have a look at it because I would like to have the footer again. Edit2: And “Versatile Banner” is “corrupting” the width changes. Maybe @tshenry can have a look, too?

פורום מסיר רוחב קבוע

תמיכה

Stranik (Evgeny) 8 באפריל,‏ 2021,‏ 11:14am 5

Tried using for .wrap

max-width: 100%;

and width became 100%

נושא		תגובות	צפיות
Reducing the width of category Column Product Support	6	795	1 באפריל,‏ 2019
Hiring - Fix theme issues and homepage modification Marketplace	1	1119	23 באוקטובר,‏ 2018
CSS for global responsive width Product Support	3	776	21 בפברואר,‏ 2019
Categories Plus Latest Layout How to Use Full Screen Width? Development css	3	261	23 בספטמבר,‏ 2026
Extend the text width in the category banner Development category-banners	1	175	2 במאי,‏ 2018

פורום מסיר רוחב קבוע

נושאים קשורים