Мне посчастливилось унаследовать задачу по обновлению сайта моей компании с нашими новыми участниками. Из-за того, что это небольшая компания, предыдущий парень не оставлял никаких документов или заметок, основанных на том, как он создал сайт.
По сути, сейчас у нас есть страница участников, которая содержит блоки изображений (встроенные, с подписями). Нажмите здесь , чтобы перейти на соответствующую страницу.
Я пытаюсь добавить нового участника, но кажется, что предыдущие парни имели какую-то настройку. Добавление нового блока изображения сразу показало мне, что текущие блоки сильно отличаются от блоков по умолчанию, которые имеет квадратное пространство. См. Здесь для создания промежуточной страницы с самым новым блоком изображений (Саймон Маклин) в самом нижнем правом углу.
Мне потребовались часы, чтобы понять, что Squarespace действительно изменяет размеры ваших изображений при импорте в блок изображений. Поэтому я проверил элементы на Chrome и обнаружил, что указанные ниже элементы изменились. Ниже приведены снимки экрана до изменения элементов до изменения элементов:
До: 
После: 
Обратите внимание, что я получил изменения, просто посмотрев изображение рядом с изображением, использованным в примере (т.е. Пример - это образ Анны, и я пытаюсь исправить образ Саймона).
Простите за вопрос нуба, но как мне сделать эти изменения постоянными? До сих пор я пробовал следующее:
- Модифицировал Custom CSS через Design> Custom CSS, используя приведенный ниже код. Нет заметного эффекта.
element.style {
left: 0%;
top: 0%;
width: 100%;
height: 100%;
position: absolute;
padding-bottom: 100%;
}
Использовал приведенный выше код, но на этот раз для внедрения заголовка страницы. По-прежнему никакого эффекта.
У меня, честно говоря, нет идей - Спасибо, что помогли мне. Я определенно вне моей глубины здесь.