Button Won't Center After Column Creation

[mattbeeps]

Hello,

I cannot get a button to center, can you spot what is wrong? Other buttons on the page center fine but this one is directly after two columns and I can only get the button to center within the second column not center in the row. I had the following css code:

.x-btn.front-page-white1 {
background-color: #0099ff;
border-color: #fff;
color: #fff;

after reading another post in the support forums I added the following lines to the css which has centered the button but it is not stretched weirdly.

Thanks,
Matt

[nico]

Hi @mattbeeps,

Thanks for writing in.

As I checked your setup, I could see that it is correct however it is not positioned in the right place.

To position it right, add a 1 row below the 2 column then add the button so that it will be positioned below the 2 columns.

Because as of now, the button is inside the container of the 2 columns.

Hope it helps.

Let us know how it goes.

Thanks.

[mattbeeps]

Thanks for the help. One followup question. I coded this page by hand some time ago using Pro shortcodes. What code would I use to add a row below the two columns?

Thanks

[friech]

Hi Matt,

Here’s a shortcode for a Row, but you can not have a Row without a column, so I added a column shortcode as well.

[cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"]
	[cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/1" style="padding: 0px;"]
		/*YOUR BUTTON SHORTCODE HERE*/
	[/cs_column]
[/cs_row]

Feel free to change/adjust those property values.

Hope it helps,
Cheers!