How to get everything centered and stacked in column?

[johnsonmm]

I’m trying to stack this album cover with two social buttons below it and then below it a button to the album page. I’m having the hardest time figuring out why the social icons are all over…and why they can’t just stack!

Any help would be VERY much appreciated. See screenshot

[friech]

Hi Johnson,

Thank you for writing in, we need to make the image and button take up the entire line. To do this, please add this to the Image element’s Element CSS area.

$el.x-image {
	display: block;
}

And this to the Button’s Element CSS

$el.x-anchor.x-anchor-button {
	display: block;
}

Now to make the Image and button centered on the column, please apply an auto left and right margin on it.

The last thing to do is apply a max-width on your button so it does not take up the entire width of the column.

Hope it helps,
Cheers!