От центровать заголовок и поднять выше других модулей

[La_Rina]

Доброго времени суток дорогие сторожили, помогите пож-та как решить эту проблему, тема все таже plaza, но проблема в том что не могу поднять выше и отцентролизовать заголовок "Хиты продаж". Там модуль который выводит 3 категории продаж и каждой можно задать свой заголовок, но мне нужно тот что по середине.

 

PS по центру могу решить проблему обернув вывод в <center></center>, но как только я даю модулю Заголовок он приспускает товары чуть ниже чем слева и права, как можно это пофиксить ?

 

[specialforce22]

А ссылку на проблему можно?

[La_Rina]

2 часа назад, specialforce22 сказал:

А ссылку на проблему можно?

сорри  вот : https://kidfine.ru/

[La_Rina]

в 428 строке CSS  можно заменить left на center :

 

 

.block-title {

1. margin-bottom: 28px;
2. margin-top: calc(var(--rowspace) - 4px);
3. position: relative;
4. text-align: left \ center;
5. line-height: 1;
6. }

Но как сделать что бы заголовок был выше ?

[La_Rina]

затупил, это будет очень грубое решение, но на здесь и сеичас пойдет : 

 

 

.block-title {

1. margin-bottom: 28px;
2. margin-top: calc(var(--rowspace) - 4px);  тут 4 пикселя заменить на 36
3. position: relative;
4. text-align: left \ center;
5. line-height: 1;
6. }

[La_Rina]

Тема закрыта всем большого спасибо.

[specialforce22]

Ну, на мобильной ж версии заголовок "Хиты продаж" получается между товаров...

 

 

Может, тогда проще не выводить вообще заголовок модуля, а в модуле HTML написать "Хиты продаж" и через схемы вывести его выше всех блоков этих самых хитов. Там и расстояния тогда должны не "липнуть" + заголовок будет, как надо выше всех хитов.

Змінено 5 вересня 2021 користувачем specialforce22

[La_Rina]

1 минуту назад, specialforce22 сказал:

Ну, на мобильной ж версии заголовок "Хиты продаж" получается между товаров...

 

Может, тогда не выводить вообще заголовок модула, а в модуле HTML написать "Хиты продаж" и через схемы вывести его выше всех блоков этих самых хитов.

 В мобильной версии в 1 колонке модуля вывести " Хиты продаж " и отцентролизовать, при этом скрыв "Хиты продаж которая по середине в десктопной версии"

[specialforce22]

Только что, La_Rina сказал:

 В мобильной версии в 1 колонке модуля вывести " Хиты продаж " и отцентролизовать, при этом скрыв "Хиты продаж которая по середине в десктопной версии"

 

Выше писал:

1.  Не выводите ни в одном модуле "Хиты продаж" заголовок

2. Сделайте Заголовок - надпись "Хиты продаж" в HTML-модуле и поставьте выше хитов.

Профит

 

 

[La_Rina]

ммм тут проблема возникает : 

[La_Rina]

Заголовок слишком липнет к верху и нижнии модули будто провалились

 

[La_Rina]

да и в мобильнои не видно ее и вовсе )

[specialforce22]

9 часов назад, La_Rina сказал:

да и в мобильнои не видно ее и вовсе )

 

Попробуйте:

 

1. В модуль HTML вставить 

<div class="my-block-title">
  <div class="title"><span>Хит продаж</span></div>
</div>

 

2. В самом конце Вашего файла CSS

.my-block-title {
    margin-bottom: 12px;
    margin-top: calc(var(--rowspace) - 36px);
    position: relative;
    text-align: center;
    line-height: 1;
}

 

3. Регулируйте эти значения, чтобы подобрать нужный отступ сверху и снизу

 

    margin-bottom: 12px;
    margin-top: calc(var(--rowspace) - 36px);

[La_Rina]

В компьютерной версии шикарно смотрится, а вот в мобильной не сном ни духом