Поддержка Проблемы и решения Из-за вставки зоны виджетов поехала верстка

  • Здравствуйте уважаемые, более опытные коллеги!

    Сразу над футером имеется три идентичные колонки вида:

    <div class="colonka"><div class="s1"><img src="<?php bloginfo('template_url')?>/img/predv_veshaniya.jpg"></div>Знакомство с авторским тренингом "Древо Жизни" Алексея Маматова<div class="ljh1"><?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
     
    	<div id="sidebar-1" class="ljh1">
     
    		<?php dynamic_sidebar( 'sidebar-1' ); ?>
     
    	</div>
     
    <?php endif; ?><button class="w1">Заказать
    </button></div></div>

    При вставке в них зоны виджетов ценв и кнопка «купить» уезжают сильно вниз, причем над ними появляется какая-то черная точка.. Не могу самостоятельно разобраться в чем дело. В стилях первоначального шаблона этих значений нет:

    .ljh1 {
        font-family: Roboto;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 3%;
        padding-top: 43%;
    
        
    }
    
    .ljh1 p {
        font-size: 36px;
        font-weight: bold;
    }

    А вот код регистрации соответствующего виджета в functions.php:

    <?php
    function twentynineteen_widgets_init() {
    
    	register_sidebar(
    		array(
    			'name'          => __( 'Footer', 'twentynineteen' ),
    			'id'            => 'sidebar-1',
    			'description'   => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
    
    		)
    	);
    
    }
    add_action( 'widgets_init', 'twentynineteen_widgets_init' );
    ?>

    Помогите, пожалуйста, буду благодарен за любой совет или помощь.

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

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Модератор Yuri

    (@yube)

    ценв и кнопка «купить» уезжают сильно вниз

    Потому что padding-top: 43%;

    над ними появляется какая-то черная точка

    Добавьте для li внутри этих блоков list-style: none;

    кнопка «купить» уезжают сильно вниз

    уберите

    .ljh1 {
        padding-top: 43%;
    }
    
    .ljh3 {
        padding-top: 24%;
    }

    причем над ними появляется какая-то черная точка.

    добавьте

    .ljh1 li, .ljh2 li, .ljh3 li{
        list-style-type: none;
    }

    Но тогда, у меня кнопки встанут под текст ((, а мне нужно, чтобы они были все время на одинаковом расстоянии от нижней границы трех блоков..

    Логичный совет: значит это нужно делать как-то по другому.

    Вы правы! Огромное спасибо за помощь!

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Из-за вставки зоны виджетов поехала верстка» закрыта для новых ответов.