Убрать фон на маленьких разрешениях

[Emperor1]

Здравствуйте. Подскажите пожалуйста, как сделать чтобы фон (background) не отображался или просто был какой нибудь другой цвет, если разрешение экрана к примеру меньше 700x700px?

[angst66]

http://htmlbook.ru/css/value/media

[Emperor1]

angst66, я в этом не очень

[Anvar]

Добавить в phpBB\styles\prosilver\theme\responsive.css

Код: Выделить всё

body {
	background: transparent или none или color;
}

В данном случае убирает\заменяет фон для body

Хотя гадаю я не очень качественно.. Ни как этому не могу научиться)))

[Emperor1]

Anvar,
Добавил как вы сказали,

Код: Выделить всё

body {
	padding: 0;
    background: none;
}

Но при изменении разрешения, фон так и остаётся мой image, который в stylesheet

Код: Выделить всё

html, body {
        background-image: url("./images/backgroundF.jpg");
	background-attachment:fixed;
}

[Anvar]

А так?

Код: Выделить всё

html, body {
        background: none!important;
}

[Emperor1]

Anvar, то же самое

[KEMnEP]

Всё что хотите чтоб сработало при изменения разрешения, следует помещать в @media, к примеру

Код: Выделить всё

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
html, body {
        background-image: none!important;;
}
}

[Emperor1]

KEMnEP, Вот так работает. Спасибо большое!

[Anvar]

Так responsive.css и так доступен для максимального разрешения в 700px.

Код: Выделить всё

<link href="./styles/prosilver/theme/responsive.css?assets_version=480" rel="stylesheet" media="all and (max-width: 700px)">

Если всё верно подключено, должно работать в нём.

[KEMnEP]

Emperor1, Только уберите лишнию точку с запятой из примера выше, ачепятка там, должно быть important;

[Emperor1]

Anvar,

Код: Выделить всё

<link href="./styles/prosilver/theme/responsive.css?assets_version=480" rel="stylesheet" media="all and (max-width: 700px)">

А это в каком файле должно быть?

KEMnEP, background-image: none!important; работает, а background-color: #014206; почему то нет.

[KEMnEP]

Anvar,Человек по всей видимости сделал свою ксс к стилю, и подключает всё там, я бы так поступил =)

Отправлено спустя 3 минуты 8 секунд:

а background-color: #014206; почему то нет.

А вот тут уже трудно гадать без вида страницы.

[Emperor1]

Ещё такой вопрос, как сделать, чтобы отображалось лого на мобильных устройствах, т.е. маленьких разрешениях?

[KEMnEP]

В responsive.css убрать строчки

Код: Выделить всё

.logo {
	/* change display value to inline-block to show logo */
	display: none;
	float: none;
	padding: 10px;
}

Либо по такому же принципу в своём ксс добавить @media

Код: Выделить всё

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.logo {
	display: block!important;
}
}