Обратила внимание, что часто проблема расстояния возникает после установки окна поиска или гаджета переводчик. Посмотрите на снимок ниже. Сделала его, в качестве примера, со страницы одной из моих читательниц.
Если вы внимательно посмотрите на расположение ваших гаджетов в боковой панели и что-то подобное найдёте, тогда выбираем подходящий вариант как это можно исправить.
В первую очередь посоветую зайти на вкладку дизайн и внимательно посмотреть нет ли между этими виджетами ещё каких-то, которые не отображаются на блоге. Это могут быть стрелки вверх, навигация или ещё подобные. В таком случае имеет смысл переместить их куда-нибудь в подвал блога.
Вариант второй. Мы можем создать отдельный прозрачный гаджет и вставить в него вот такой малюсенький код
<div style='margin: -5px 0px -5px 0px'> </div>
Здесь просто зададим отступы сверху и снизу значением-5. Однако эта величина может у вас быть и -20 или-30. Всё это делается экспериментальным путём. Опять же, в этом случае, максимального эффекта мы не добьёмся. Тут ещё один вариант есть. Разберём на примере с окном поиска по первому фото. Открываем этот гаджет и вставим вот такой код
<div style="height:30px !important;">тут весь код верхнего гаджета<div>
Так же как в предыдущем варианте нужно подгонять значение height:30px.
Надеюсь, что эта информация кому-то и пригодится. Сложного в этом ничего нет. Посмотрите ещё раз внимательно на дизайн блога.
И всё на сегодня. До новых встреч. Увидимся.
оформите подписку на новые шпаргалки
Как кстати, Вика! Я как раз заморачивалась над тем, что расстояние между гаджетами большое. Правда, у меня ничего не получилось. Установление прозрачного гаджета вообще никаких результатов не дал. А последний вариант установил дубликат гаджета, хотя расстояние между ними, конечно, уменьшилось. Я, наверное, что-то делаю не так.
ОтветитьУдалитьЕлена, откройте код гаджета и заключите его в дивы, как показано выше. Только со значением height:30px надо поиграться. Но мне кажется, что ваши картинки вставлены через гаджет изображение, да? То в этом случае это не получиться.
УдалитьОчень пригодилось! Спасибо, Вика! Кое что уменьшила!!!
ОтветитьУдалитьИрина, вроде бы мы с тобой уже это делали. Или я что-то подзабыла.
УдалитьВика,здравствуйте! Посоветуйте пожалуйста как уменьшить высоту footer (подвала), чтобы экран блога был прижат к низу браузера? https://vos-torg.blogspot.com/
ОтветитьУдалитьТу заморочек полно будет Вот статья, почитайте там http://css-live.ru/articles/uporyadochivanie-bagov-krossbrauzernosti-flexbox.html не все браузеры поддерживают
УдалитьИ вот ещё http://dimox.name/press_footer_bottom_with_css/
Не пойму что Вас не устраивает. смотрится очень симпатично. единственное что совсем не видно надписей Свадебные платья в свадебном салоне Восторг и Широкий выбор свадебных платьев в салоне Восторг
Ещё бы счётчик метрики ниже поставить и левее
Вика, большое Вам спасибо за оперативный ответ и подсказки. По поводу надписей - так задумано (тсссс),а счетчик некуда ставить, т.к. в шаблоне заняты ячейки, а подвал будет перегружен и еще больше растянется:)) всего Вам хорошего!
ОтветитьУдалитьVostorg, ну если они Вам ( эти надписи) нужны пусть будут. И Вам всего доброго и удачи
ОтветитьУдалить