Center Icon in a Column

Hi, I want to center the icons on my homepage. I did not finalize the icon column yet, because simply don’t know how to set them to center.

I found this code on the forums:

.home div#x-section-3 .x-container:nth-child(1) .x-column {
text-align: center;
}

But, this did not help me.

Please let me know what I should do.

Site URL - joelmadasu.com

I did not keep the column section on the homepage because I do not want the page to look awkward.

Thank you!

Hi There,

Thank you for writing in, that CSS code you show above is targeting the 3rd section. Maybe that did not work because your icon was not on the 3rd section.

Determine what number is your section first, then replace the “3” from that CSS code.

If this does not work, please keep your icon on the homepage so we can take a closer look on it.

.Cheers!

Thank you!

This helped!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.