Форум убирает фиксированную ширину

Поддержка
1

Всем привет!

Я хочу убрать фиксированную ширину и заменить её на процентное значение.
Как это сделать? Я перепробовал множество вариантов, но ничего не сработало.

Вот два изображения того, как это должно выглядеть на «главной странице».

Discourse_scss
Discourse_scss1230×1305 119 KB

А вот внутри темы.

Discourse_Topic_scss
Discourse_Topic_scss1126×1306 232 KB

Так что, кто может дать подсказку или сразу предоставить код для этого?

Я буду очень благодарен!

2

Неужели никто не может мне помочь? Пожалуйста!

3

По ширине столбца

Сначала нам нужно переопределить display: flex;:

.categories-and-latest {
    display: block;
}

Затем установите ширину:

.column.categories{
    width: 40%;
    float: left;
}

discourse
discourse1437×646 142 KB

Это лишь пример. Возможно, вам потребуется взять предыдущий div и учесть ширину экрана. Я не знаю, что произойдет на мобильных устройствах, и для этого потребуется добавить больше CSS.

Обратите внимание на: display: flex;. Возможно, здесь возникнут трудности.

4

Спасибо!

Мне нужен CSS-селектор для ширины по умолчанию.

Я пробовал .wrap и многие другие, но ни один не сработал. Я получил их с помощью инспектора.

5

Пробовал использовать для .wrap

max-width: 100%;

и ширина стала 100%

6

Если я делаю это, только заголовок и подвал занимают 100%.

Не упустил ли я что-то?

РЕДАКТИРОВАНИЕ:

Я проверил ещё раз и добавил

#main > div #main-outlet {
	max-width: 90%;
	width: 90%;
}

но, как видно на скриншоте, это переопределяется файлом theme_11.scss, и я не знаю почему.

Discourse_css
Discourse_css2551×1172 183 KB

7

Попробуйте этот вариант.

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

То же самое, что и выше — это переопределяется из theme_11.scss.
Это действительно раздражает, потому что раньше это работало, а теперь нет.

Редактирование:
Это один из компонентов темы, мне нужно выяснить, какой именно.

Понял, это официальный «Легкий адаптивный подвал». После его удаления ширина сайта изменилась на 90%.
Возможно, @Johani сможет посмотреть на это, так как я хотел бы снова иметь подвал.

Редактирование 2:
И «Универсальный баннер» «искажает» изменения ширины. Возможно, @tshenry тоже сможет посмотреть?