Inconsistencies between Cornerstone Editor and live web page

Support
#1

Hi there,

I’m noticing some inconsistencies on my contact page between what I see in my Cornerstone editor and live webpage. I’d like the boxes to be like what I have in my Cornerstone editor (see below), with the boxes to be filled in only taking up about a third of the page and aligned in the center:

However, the boxes on the live webpage seem to be stretched too much horizontally (see below). I’ve tried reducing the margins and padding to condense them, but it doesn’t work. Any ideas on why they’re showing up differently, and how to fix it?

#2

Hi There,

I’ve set the max-width for the text element: 400px

After that add this element CSS for the text element:

$el {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
}

Everything looks good now.

Cheers!

#3

Hi Thai, I looked it over and it seems to work now. Thanks for your help.

#4

You’re welcome!
We’re glad we were able to help you out.

#5

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