Как в вордпрессе нужно менять css?

Егор Антропов, wordpress редактирование тем

Как сделать что бы .menu был на одной вертикальной линии с .text?

width: calc(100% / 12 * 4) разумнее просто написать 33.33% ну или чтобы браузер сам округлял 100% / 3

Как в вордпрессе нужно менять css?

Зайти в редактор тем, найти нужный селектор и изменить.

Как растянуть картинку во весь блок при skew?

MalGym, размазанная она потому что размер картинки не правильный или качество. По правильному, использовать <picture>

Как растянуть картинку во весь блок при skew?

MalGym, Смешно, но придется вспомнить теорему Пифагора и посчитать ширину с её помощью. Потому что ширина блока это ширина до трансформации, а значит картинка должна быть больше.

Как можно текст сдвинуть вправо от изображения?

Дима Иванов, вы хоть попробуйте, а потом спорьте.
Но вообще, за обтекание картинки отвечает float (со своими нюансами, конечно)

Почему расширяется поле ввода при добавлении одного символа?

Сергей Борисов, выложите код с воспроизведенной проблемой в песочницу jsfiddle.net или codepen.io
То, что вы выложили не имеет смысла без стилей.

Как поменять фон внутри банера слайдшоу Opencart?

Открыть инструменты разработчика, посмотреть какой класс отвечает за вид стрелок, найти его в CSS и либо поменять на свой либо перебить стилями ниже.

Красивый шрифт для Safari?

Ingernirated, значит вернуться к моему предыдущему предложению и взять шрифты из гугла, проверив что нет локального.
Потому что бывают битые шрифты, туда сюда конвертированные и по дороге что-то потерявшие, без кириллицы и т.д.

Как выровнять как на скрине?

1. Зачем столько оберток?
У вас 3 контейнера и по 2 обертки у каждого дочернего блока.
static, container, static__wrap - объединяются в один.
static__item и static__block - тоже в один.
Итого: достаточно одного контейнера с ограниченной шириной и центрированием и в нем 4 блока.
2. Шрифты подключаются с одним названием, в вашем случае просто Montserrat. Различаются только пути к файлам, жирность и начертание.
Например,

@font-face {
        font-family: "OpenSans";
        src: url("fonts/opensans.woff2") format("woff2")
        url("fonts/opensans.woff") format("woff") ;
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: "OpenSans";
        src: url("fonts/opensansbold.woff2") format("woff2"),
        url("fonts/opensansbold.woff") format("woff");
        font-weight: 700;
        font-style: normal;
        }

3. С выравниванием есть разные способы. Выбор зависит от допустимого контента и ограничения по размерам карточек.
Самый простецкий без доп.оберток: первому абзацу с названием задать высоту в 2 строчки и вертикальное выравнивание по центру.

4. width: calc(100% / 4 - 16px); 100% на 4 неплохо делится без участия браузера.

Как выровнять как на скрине?

Бывают более вредные советы, но редко.

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

Красивый шрифт для Safari?

Ingernirated,
красота субъективное понятие, поэтому вам никто и не советует красивых шрифтов, особенно не зная цели, для текста, для заголовков, для цифр или еще зачем-то.

Выглядит так:

Почему фон съезжает вниз из-за margin?

R0nti, ага, я тоже за спеку.

Только там иногда скупо, скучно и не все готовы воспринимать английский, даже не смотря на встроенный переводчик в браузере. И еще, когда у человека проблема, он формулирует ее как-то типа "не работает margin" или "странно работает margin", а не "боксовая|блочная модель документа". К моей печали спека не находится по запросу с проблемой :(

Slick slider перелистывает слайды в самое начало после конечного, как сделать, Чтобы он был бесконечным и не переходил назад?

В смысле бесконечным и не переходил на первый после последнего? А куда он должен пойти после последнего кадра по вашему сценарию?

Красивый шрифт для Safari?

Ingernirated, тогда последний вопрос: если шрифт подключить с гугла, предварительно убедившись, что он не установлен локально, будет такое же уродство?
Ну или просто открыть страницу шрифта на гугле в сафари и посмотреть, если ли разница между тем что у вас и там.
Только тоже сначала проверить, что его нет локально.

Красивый шрифт для Safari?

Ingernirated, а кстати, скажите версию сафари?

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский,

Падинги можно не трогать, об них речи не было.

Имеет смысл потрогать, потому что с ними ширина 380 выходит, а мобилки 320-360 и значит будет гориз прокрутка.

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, ок, давайте упростим.
Поставьте блоку cnt минимально возможную ширину, пока фиксированную. Я так понимаю, что это 280px.
И сверстайте всё как для этой фиксированной ширины.
Поставьте размер и положение тексту, всё просто, можно даже без % в позиционировании, адаптива и т.д.
Надо для красоты уменьшить картинку - уменьшайте, надо изменить размер шрифта - изменяйте.
К адаптиву вернемся позже.

Красная рамка это 280 https://jsfiddle.net/1darqptb/

Например, так: https://jsfiddle.net/1darqptb/1/
Я уменьшила шрифт и картинку.
Наверное, имеет смысл еще уменьшить паддинги у cnt.
Может быть, только паддинги, а картинку оставить как есть.
Я не знаю, что в голове у дизайнера.

Короче просто сверстайте для минимальной ширины, так чтобы вам понравилось, как выглядит.

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, Антон, я несколько раз просила нарисовать как всё должно выглядеть на 320-768-960-1200 (свои вьюпорты подставьте). Вы же талдычите одно и тоже, что хочу растянуть, но не растянуть.

У картинки ширина 206 точек. У блока максимальная ширина 1200.
Дальше вы хотите, чтобы она была адаптивной, т.е. занимала ширину блока (или как?), но не растягивалась? Это бред, геометрия не позволит.

Вы можете ее просто центрировать, остальное заполнить фоном, тогда она не будет растягиваться. Поскольку минимальная ширина блока 280px, а картинка меньше этой минимальной ширины, то проблем не будет.
Типа так https://jsfiddle.net/5bcks081/

Красивый шрифт для Safari?

Ingernirated, неа, не правильно.
Браузер читает этот список и берет первый из форматов, который теоретически умеет применять и дальше уже не смотрит.
Самый современный это woff2, он должен идти первым, потом woff.
Остальные вообще можно убрать, если не нужна поддержка древностей.