Поддержка Темы и шаблоны Убрать пробел внизу страницы

  • Добрый день! Редактировал подвал у темы MH Cicero lite

    Просто добавил иконки, но появился огромный пробел внизу страниц. Что делать?

    Было:

    <footer id=»mh-footer» class=»footer clearfix»>
    <div class=»copyright-wrap»>
    <p class=»copyright»><?php printf(__(‘Copyright © %1$s | %2$s’, ‘mh-cicero-lite’), date(«Y»), ‘Печать баннеров и листовок‘); ?></p>
    </div>
    </footer>
    <div style=»position: relative; top: -52px;left: 680px;»><font color=»#FFFFFF»><span style=»font-size:150%»>8-909-556-08-99</span></span></font></div></div>
    <?php wp_footer(); ?>
    </body>
    </html>

    Стало:

    <footer id=»mh-footer» class=»footer clearfix»>
    <div class=»copyright-wrap»>
    <p class=»copyright»><?php printf(__(‘Copyright © %1$s | %2$s’, ‘mh-cicero-lite’), date(«Y»), ‘Печать баннеров и листовок‘); ?></p>
    </div>
    </footer>

    <div style=»position: relative; top: -68px;left: 500px;»></div><div style=»position: relative; top: -128px;left: 560px;»>instagram-afishi29</div>
    <div style=»position: relative; top: -190px;left: 680px;»><font color=»#FFFFFF»><span style=»font-size:150%»>8-909-556-08-99</span></span></font></div></div>
    <?php wp_footer(); ?>
    </body>
    </html>

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Что делать?

    Читать правила форума и правильно оформлять код

    а так же отключить автоопртимайз и очистить его кэш

    Не помогло

    Ну так вы еще ничего и не отключили

    andr5n, привет.

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

    <footer id="mh-footer" class="footer clearfix">
    	<div class="copyright-wrap">
    		<p class="copyright">Copyright &copy; 2020 | <a href="http://afishi29.ru/" rel="nofollow">Печать баннеров и листовок</a></p>
    	</div>
    </footer>
    <div style="position: relative; top: -68px;left: 500px;">
    	<a href="https://vk.com/afishi29"><img class="wp-image-2431 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/vk-afishi29-1-150x150.png" width="40" height="40"></a>
    </div>
    <div style="position: relative; top: -128px;left: 560px;">
    	<a href="https://www.instagram.com/afishi29/"><img class="wp-image-2430 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/instagram-afishi29-150x150.png" alt="instagram-afishi29" width="40" height="40"></a>
    </div>
    <div style="position: relative; top: -190px;left: 680px;">
    	<font color="#FFFFFF">
    		<span style="font-size:150%">8-909-556-08-99</span>
    	</font>
    </div>

    То есть вы 3 дива с контактами вынесли из «подвала» (<footer>), после чего попытались стилями их «вернуть» обратно.

    Пример решения вопроса:

    <footer id="mh-footer" class="footer clearfix">
    	<div class="copyright-wrap">
    		<p class="copyright">Copyright © 2020 | <a href="http://afishi29.ru/" rel="nofollow">Печать баннеров и листовок</a></p>
    	</div>
    	<div style="float: left;">
    		<a href="https://vk.com/afishi29"><img class="wp-image-2431 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/vk-afishi29-1-150x150.png" width="40" height="40"></a>
    	</div>
    	<div style="float: left;">
    		<a href="https://www.instagram.com/afishi29/"><img class="wp-image-2430 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/instagram-afishi29-150x150.png" alt="instagram-afishi29" width="40" height="40"></a>
    	</div>
    	<div style="float: left; margin: 12px 10px;">
    		<font color="#FFFFFF">
    			<span style="font-size:150%;">8-909-556-08-99</span>
    		</font>
    	</div>
    </footer>

    —-
    Горизонтальный скролл вызван вот этим блоком:

    <div style="position: relative;top: 123px; left: 714px;">
    	<font color="#FFFFFF">
    		<span style="font-size:160%">
    			<b>8-909-556-08-99</b>
    		</span>
    	</font>
    </div>

    exmi, привет! Большое спасибо!

    Добрый день! exmi, при вставке вашего кода, меня все устраивает, но пропадают картинки на главной странице и живосайт. В чем проблема?

    Исправил, нужно было окончание в код добавить. Но как сделать блок подвала по ширине такой же как он отображается в контактах, например?

    andr5n, привет.

    Но как сделать блок подвала по ширине такой же как он отображается в контактах, например?

    Нужно подвал в контейнер "mh-content-section clearfix" добавить, что логично с точки зрения структуры (т.к. в нём есть и header, и content). Сейчас у вас футер вынесен за модульную сетку.

Просмотр 8 ответов — с 1 по 8 (всего 8)