Возможно, я не прав, но мне кажется что размер основного шрифта маловат ? Ищу где все это прописано в css - нахожу - размер меняется и тут же начинает плыть вся верстка - рассыпается меню. Видимо это как то связано друг с другом. Тема Lotus - хороша тем, что есть встроенный сайтбилдер весьма неплохого уровня Но вот с типографикой не все так гладко. Может кто то сталкивался с подобной штукой в других темах и подскажет куда копать? Если что вот файл css https://yadi.sk/d/VzZB7RD_s5VDE
kommdire, ну конечно, надо шрифт если больше, то отступы меньше и поиграться с этим пока не понравится результат. С менюхой я бы начал с этого: ============ header#siteheader .sf-menu > li a { color: #fff; } ============ ============ .sf-menu a { .sf-menu a { font-size: 120%; padding: 0 0.5em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 250ms linear 0s, color 250ms linear 0s; } ============
Спасибо. Уж очень сильно все у них завязано на один параметр. Пока остановился на нечто среднем - по мере возможности буду копать дальше.
Если позволите еще один вопрос - тема хороша тем, что у нее встроенный пейдж билдер - это для меня лучше чем композер. Так вот при размещении блоков между ними довольно большое расстояние. Подскажите где посмотреть чтобы его уменьшить? Раньше в темах все было гораздо проще - одна css и все понятно - а тут мало того что их много так и они ссылаются друг на друга
kommdire, если я правильно понял насчет этих блоков, то там в нескольких местах стоит max-width: 960px. Типа чтою отображалось норма на экранах от 1024 px. .container { margin: 0 auto; max-width: 1180px; } строка 102 .no-sidebar > .wrapper, .right-sidebar > .wrapper, .left-sidebar > .wrapper { margin-left: auto; margin-right: auto; max-width: 1180px; } строка 1211 Или можно попробовать поменять на проценты, например, max-width: 97%; Но уже дальше смотреть на остальную верстку. Или же добавить свой стиль под каждое разрешение, сделав медиа запрос, типа - @media screen and (min-width: 1280px) { .container { margin: 0 auto; max-width: 1200px;<---/или max-width: 97%/ } .no-sidebar > .wrapper, .right-sidebar > .wrapper, .left-sidebar > .wrapper { margin-left: auto; margin-right: auto; max-width: 1200px;<---/или max-width: 97%/ }
Это уже совсем изыски С ходу не получилось как со шрифтами - значит будем жить как есть. Там слишком много разной информации. Кое что откликается - но большинство никак не проявляет себя визуально. Пусть живет как есть Спасибо