Сделать изображение на всю ширину браузера на SquareSpace

Я создаю себе веб-сайт на SquareSpace, и у меня возникли проблемы с макетом. Я создал несколько сайтов раньше, поэтому понимаю концепцию CSS и то, как она применяется к div и т. д.

Итак, я хочу, чтобы на странице были изображения полной ширины (от края до края в браузере), перемежающиеся текстом и графикой.

Изображение баннера и изображение нижнего колонтитула выглядят хорошо, как вы можете видеть, изображение от края до края...

введите здесь описание изображения

Проблема с любыми дополнительными изображениями, которые я пытаюсь добавить (SS заставляет вас добавлять их внутри объектов «блок изображений»), в настоящее время это выглядит так, что плохо, а не от края до края, показанное здесь красными стрелками.. .

введите здесь описание изображения

Я часами гуглил и тестировал различные решения, и ничего не работает. Я также провел последние 30 минут со службой поддержки SS, и они предложили создать «страницу галереи», на которую вы не можете добавить текст, так что это совершенно бессмысленно!

Я попытался определить идентификатор CSS и применить CSS к изображению, это тоже не сработало:

введите здесь описание изображениявведите здесь описание изображения

Кто-нибудь может помочь?

текущий CSS не работает:

.sqs-block.image-block { padding: 0 !important }

body {    
    margin: 0 !important;
    padding: 0 !important;
}

Ура Джон


person Woodstock    schedule 25.05.2015    source источник
comment
Без кода сложно помочь. Возможно, проблема заключается в контейнерах или некоторых отступах, полях и т. д.   -  person lmgonzalves    schedule 25.05.2015
comment
Конечно, я понимаю, я думаю, что с SS у вас нет доступа к базовому коду, это WYSIWYG, и вы можете внедрять CSS. Независимо от того, какой CSS я добавляю, я не могу довести нижний край изображения до края!   -  person Woodstock    schedule 25.05.2015
comment
Вы уже пробовали отрицательные поля? Это не элегантно, но если у вас нет другого пути, возможна работа.   -  person lmgonzalves    schedule 25.05.2015
comment
не работает, у вас есть пример фрагмента CSS, который я могу попробовать?   -  person Woodstock    schedule 25.05.2015
comment
Может быть position: относительный, margin: 0-20px. Если это не сработает, удалите мои комментарии.   -  person lmgonzalves    schedule 25.05.2015
comment
Хорошая идея, но не работает должным образом на SS! Спасибо, в любом случае   -  person Woodstock    schedule 26.05.2015
comment
Давайте продолжим это обсуждение в чате.   -  person Woodstock    schedule 26.05.2015


Ответы (1)


Я не нашел программного решения этой отвратительной проблемы. Тем не менее, я смог найти способ манипулировать страницей стиля SS 'index' для достижения желаемого эффекта.

person Woodstock    schedule 26.05.2015