Headline with icon not centered in the row

Support
#1

Hello,

I am trying to have the headline, twitter icon, and button be centered in the row as shown in the attached screenshot. When I put center on the section, row or column it doesnt center. The text will center but the graphic icon stay flush-left. Here is the url: https://mcmahonforda.com
Please advise. Thank you

#2

Hi @LBYL_FILMS,

Thanks for writing in!

You can center it by editing your page back in Cornerstone and make sure that in the headline element settings, the text is centered.

And please also make sure that in the column settings, the text format is “Centered”.

Hope this helps. Please let us know how it goes.

#3

Hi,
Thanks for your response thats what I was trying to say in the previous email. I did that and it doesnt center the graphic icon.
Please see attached screenshot.

#4

Hello @LBYL_FILMS,

Well in that case, please do this steps instead:

  • Edit the page back in Cornerstone
  • Click the column settings and the text format should be centered.
  • Click the headline elements, find the “Customize” tab and insert this inline element css
$el {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

And if this does not work, kindly provide us access so we can check your settings instead.

Please let us know how it goes.

#5

hello,
Thanks for your response. Unfortunately, that did not work. I will attach the credentials
Thank you

#6

Hi @LBYL_FILMS,

Your issue has been resolve. I added the custom css and made sure that the margins left and right were set to auto.

Please check it now.

#7

great thank you

#8

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#9

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