Выровняйте стрелку прокрутки вниз по центру нижнего края полноэкранного div в WPBakery Visual Composer - PullRequest
Новая
       19

Выровняйте стрелку прокрутки вниз по центру нижнего края полноэкранного div в WPBakery Visual Composer

0 голосов
/ 24 апреля 2019

У меня есть серия полноэкранных дивов в Visual Composer, и я хочу стрелку внизу каждого, указывающую пользователям, что они должны прокрутить для большего количества контента.Я попробовал абсолютное позиционирование на элементах, содержащих значок, но безуспешно.Все, что я сделал, это переместил значок на несколько пикселей на 

<section class="l-section wpb_row height_full valign_center width_full with_img" id="home">
<div class="l-section-img loaded" data-img-width="1920" data-img-height="809">
</div>

<div class="l-section-h i-cf">
<div class="g-cols vc_row type_default valign_top">
<div class="vc_col-sm-12 wpb_column vc_column_container">
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div class="w-image align_center" id="mainlogo">
<div class="w-image-h"><img src="logo.png" class="attachment-full size-full">
</div>
</div>


<div class="ult-just-icon-wrapper">
<div class="align-icon" style="text-align:center;">

<a class="aio-tooltip" href="#whatis">
<div class="aio-icon none " style="display:inline-block;">

<i class="Defaults-chevron-down"></i>

</div>
</a>

</div></div></div></div></div></div></div>
</section>

Существующий CSS: 

.aio-icon.none {
    display: inline-block;
}
.aio-tooltip {
    display: inline-block;
    width: auto;
    max-width: 100%;
}
.vc_column-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
}
.wpb_column {
    position: relative;
}
.vc_column_container {
    display: flex;
    flex-direction: column;
}
.vc_row {
    position: relative;
}
.l-section-h {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

Сам значок - По умолчанию-шеврон вниз .

У вас есть идея, как правильно расположить этот значок?

...