Одинаковые стили и структура по разному ведут себя на разных сайтах?

Question

[Андрей Филимонов]

Здравствуйте, на первой и второй странице одинаковая структура и стили бутстрапа.
Но на первой странице выравниваются заголовок с абзацем по центру, а на второй ни в какую.

Вордпресс добавляет лишние теги к category_description только на второй странице. Если отказаться от них, удалить из файла, то текст описания уйдёт под заголовок, но они будут выровнены по левому краю, даже если везде подабавлять класс text-centr.


Почему так происходит? Как выровнять заголовок и описание по центру?

Шаблонный код:

<section>
          <div class="container mt-5">
              <?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>
            <div class="row text-center">
<h1 class="text-uppercase text-info h2"><?php single_cat_title(); ?></h1>
<p style="line-height:1"><em><small><?php echo category_description(); ?></em></small></p>
</div>
            </div>
		</section>

Answer 1

[Вадим]

Точно стили одинаковые?
Сайт: https://spb.gymbalance.ru/o-hudozhestvennoj-gimnastike/
Файл: themes/glav-gymbalance/style.css?ver=6.0.1
Строка: 666

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

Comments

[Андрей Филимонов]

Видимо разные, раз по разному отображают. Но что здесь не даёт выровнять по центру заголовок и описание?

[Вадим]

Андрей Филимонов, Я же указал что.
У Вас разные стили.
Текст выравнивается по центру относительно своего бокса.
В одном случае у Вас указано что боксы внутри .row должны занимать всю ширину. Ширина бокса больше чем место, занимаемое текстом.
Соответственно, у боксов образуются пустоты, которые используются для выравнивания.
Во втором случае такого кода нет, бокс текста равен длине текста. Текст выравнено по центру своего бокса, но так как нет пустот слева и справа, то Вы этого не видите.

[Андрей Филимонов]

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

[Вадим]

Андрей Филимонов,
<div class="row text-center flex-column">

[Андрей Филимонов]

Вадим, Спасибо, вы великолепны)