[jprice8006]

On my About Me page I am attempting to center a single Fun Fact under one section. I am following that it is using the bootstrap grids and that I need to use “[column width_md="4" width_xs="6"]” to center 3 fun facts on a single row like on my contact form. That being said, how does one center a single item. I tried using no column command and then centering with the center justification. I have tried what feels like everything.

Also, I can’t get my map to work for anything.

You can see what I am talking about at http://contactjoshua.com

[serkan]

Hi, You can use this shortcode if you would like to add an item in a single row;
[column width_xs="12" width="12" width_md="12"]
Thanks

[jprice8006]

I never could get this to work. Any advice? Below is the code I have in place.

[section_title align=”center” text=”Wedding Website”]
[row]

[column width_xs="12" width="12" width_md="12"]
[fun_fact]
Check out my Wedding Website here…

[/fun_fact]

[/column]

[/row]

[serkan]

Hi, I just tested on our demo website. You can choose the shortcode and go to the visual tab and choice align center in the header tab and save it.
It is working well.
Thanks

[jprice8006]

That still didn’t work for me. On the Text page I selected the shortcode, [column width_xs="12" width="12" width_md="12"]. Then I switched to the Visual tab and clicked the center alignment button. Then I saved and tested. Still no luck.

https://contactjoshua.com/#/about-me

[serkan]

Hi,
As an option, you can use this custom css code;

.col-sm-12 .fun-fact {
    max-width: 200px; margin-left: auto; margin-right: auto; }

Thanks