Я использую Wordpress , Тема моста и WPBakery .
С WPBakery я создал row
с двумя столбцами(равная ширина).Слева - некоторый пользовательский HTML, который занимает вертикальную высоту, справа - некоторый текст, который этого не делает.
Я пытаюсь выровнять этот текст по вертикали в столбце, но мне не везет.Я хочу, чтобы это было реплицируемым, потому что у меня это есть на всем моем сайте (2 столбца, один с изображением, другой с текстом).
Это то, что я сейчас пробую в моем элементе контейнера div,это row
div:
.row-custom-class {
display: flex;
align-items: center;
flex-wrap: wrap;
}
HTML
<div class="vc_row wpb_row section vc_row-fluid grid_section" style=' text-align:right;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner "><div class="wpb_wrapper">
<div class="wpb_raw_code wpb_content_element wpb_raw_html" >
<div class="wpb_wrapper">
<div class="testimonial-container">
<img src="img.png">
<p><span>Jane Doe.</span> <strong>Awesome Client.</strong></p>
<p><em>"sweet testimonial"</em></p>
</div>
</div>
</div>
</div></div></div><div class="text-container wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner "><div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element text-container">
<div class="wpb_wrapper">
<p style="text-align: center;">some text</p>
<p style="text-align: center;">some text some text some text some text some text</p>
<p style="text-align: center;">some text some text some text some text some text</p>
<p style="text-align: center;">some text some text some text some text some text</p>
<p style="text-align: center;"><strong><a class="maxbutton-1 maxbutton maxbutton-learn-about-transitional-coaching" href="javascript:void(0);"><span class='mb-text'>Learn About Coaching</span></a></strong></p>
</div>
Должно работать, но поскольку это строка, это, вероятно, не так, как ожидалось.
Кто-нибудь может протянуть руку?