Растановка текста на баннерах.

Добрый вечер господа. Подскажите ,как поставить текст по центрам баннеров?
Это осуществляется с помощью кода стиля для всего сайта или нужно замарочится для каждого отдельного банера.
Использую следующий код:

[row] 

[col span=1/3] 
[ux_banner link="(add link to page)" bg="http://imageurl" hover="zoom" height="160px"] 
<h2 class="uppercase">WHY?</h2> 
___ 
[/ux_banner] 
[/col] 

[col span=1/3] 
[ux_banner link="(add link to page)" bg="http://imageurl" hover="zoom" height="160px"] 
<h2 class="uppercase">MEET THE TEAM</h2> 
___ 
[/ux_banner] 
[/col] 

[col span=1/3] 
[ux_banner link="(add link to page)" bg="http://imageurl" hover="zoom" height="160px"] 
<h2 class="uppercase">SHOP</h2> 
___ 
[/ux_banner] 
[/col] 

[/row]

Для главного банера сайт :

[ux_slider timer="4700" arrows="true" bullets="true" auto_slide="true" nav_color="dark"]
[ux_banner bg="<img src="http://image" />" height="500px" text_color="light" text_align="center" text_pos="center" text_width="70%" parallax_text="0" parallax="0" animate="flipInX" effect=""]
<h4><em>Welcome to the macaroon shop</em></h4>
___
<h1>Delicous.</h1>
<h1>Godies.</h1>
<h4 class="thin-font">[button text="button" link="#" size="medium" style="is-outline white"]</h4>
[/ux_banner]

[ux_banner bg="" height="500px" text_color="light" text_align="center" text_pos="center" text_width="70%" parallax_text="0" parallax="0" animate="flipInX" effect=""]
<h4 class="alt-font">Smaller On Top</h4>
___
<h1>BIG HEADLINE</h1>
<h4 class="thin-font">A smaller text under headline</h4>
[button text="button" link="#" size="medium" style="is-outline white"]

[/ux_banner]
[/ux_slider]

• Тема изменена 9 лет, 3 месяца назад пользователем acidness90.
• Тема изменена 9 лет, 3 месяца назад пользователем acidness90.
• Тема изменена 9 лет, 3 месяца назад пользователем Denis Yanchevskiy. Причина: Правила п14