Начать новую тему

Текст в контейнере разъезжается по всей ширине окна браузера

Здравствуйте, помогите, пожалуйста, с блоком, для которого у меня назначен пользовательский класс kak-kupit-bu. Фон на всю ширину – это ok, а вот текст "Как купить станок б/у?... И далее 3 пункта" также растягивается на всю ширину, а мне нужно чтобы он был как текст других блоков, фиксировано.

Посмотрите, пожалуйста, приложенный скриншот.


Здравствуйте.


Мы уменьшили ширину секции, в которой расположен блок Как купить б/у станок и ввели значение 3 в списке Отступ слева на странице редактирования этой же секции.


Пожалуйста, проверьте.


Спасибо.

Все равно криво. Я прилагаю 2 скриншота: отображение этого блока с различной шириной браузера. Есть наверняка какое-то  css правило для адекватного отображения текста в этом блоке. Подскажите, пожалуйста.

Для изменения отображения в зависимости от разрешения экрана устройства воспользуйтесь правилом @media. Задайте различные значения для селекторов для разной ширины, например:

@media (min-width: 768px) {
    ...
}

 

Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


https://webref.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к партнерам Маркета Мерчиума. Они будут рады вам помочь.

Спасибо


Войдите, чтобы опубликовать свой комментарий