text-align center does not work

claudiaandree · March 2016

On that page: http://www.ativo-physiotherapie.de/ i have normal content shown beneath the trailer boxes.

I am using columns there: "one_third" for the content, and wrapped it in a <p> to center the text:

<p style="text-align: center;">[one_third]

ativo bietet seinen Kunden <a href="http://www.ativo-physiotherapie.de/energetische-fussreflexzonenmassage/">[google_font font="Comfortaa" size="20" weight="300" italic="0" color="#626262" subset=""]Energetische Fußreflexzonenmassage[/google_font]</a> an. Das ist Entspannung für die Füße und der Energiefluss wird wieder ins Gleichgewicht gebracht.

[/one_third]</p>

But it does not work? Do you know why?

Albert · March 2016

As you can see on http://pasteboard.co/2hAuC5Uk.png you did something wrong because columns are not wrapped into p tag with the style you mentioned. We suggest to set class name for the column where content is and then use the following css:

.column-class-name { text-align: center !important; }

claudiaandree · March 2016

How does the class name for the column look like? In my example

Albert · March 2016

It depends on you. The class name can be any you like. It's only important to have the same class name for the Column item and css you wrote for it. So if column's class is super-class then css under Custom CSS section should be:

.super-class { text-align: center !important; }

text-align center does not work

Comments