Spacing issues also weird white space and unasked for edges

Support
#1

Hi I am trying to create a landing page- its at https://carladawnbehrlenyc.com/custom-made-leather-jackets-landing/

Several issues- In poking around trying to fix spacing- my first headline became uncentered- how to fix? also all sorts of weird white space and odd little visual edges I do not want-

Everything is very difficult as cornerstone’s colored guidelines never seem to align up with actual visible column edges- appearing either very overlapped onto next section or column or row and seemingly no relationship whatsover to what you can see on the screen. Too Much overlapping!

I just want a clean solid pale grey background under everything below the banner image. I have no idea what that weird little white cutoff section is that goes partway thru my banner image on this page,- can you please help me to fix?

(Even in the wireframe view it is incredibly difficult to tell which sections are which)

Sane with those hairline edges at the top of each 3 image section - I would like to get rid of them-

It would be amazing if cornerstone could one day figure out how to get visibles and sections to actually align without unnecessary white space - this single ridiculous issue wastes so much time!

Images attached

#2

Hi,

I checked and it seems your layout is broken. After section 3, all other sections falls under it.
All section should be on the same level and not inside each other.

You need to browse through your page content and make sure all html tags are properly closed.

https://www.aliciaramirez.com/closing-tags-checker/

Thanks

#3

How do I do that? Since I am using cornerstone & none of that is readily accessible? Sort of defeats the purpose for cornerstone doesn’t it?

#4

Hello @cdbehrle,

Thanks for updating the thread.

If in the page layout broken HTML tags are present then it will give issues regardless of the page builder. However, we are working on a feature that will let you know if there is a syntax related error (HTML tags are closed or not) i Cornerstone builder. I am not in a position to share the ETA but its on the cards. As of now I suggest you to inspect the page either in visual mode or skeleton mode and inspect the sections/elements for any syntax errors.

Thanks.

#5

Viewing in skeleton gives no indication what level sections are as they each appear one directly under the other - there are no indentations to indicate one section is inside of another. In this regard cornerstone is very unhelpful.

#6

Hello There,

In one of your content modals, you have inserted this invalid code:

<div style="padding: 15px; line-height: 1.5; text-align: center;"><h2 class="mtn">Casual</h2></h2>Washed and Glazed green Lambskin trucker jacket with cotton batik lining.</div>

<div style="padding: 15px; line-height: 1.5; text-align: center;"><h2 class="mtn"<h2>Showstopper</h2> Sculpted knee length French lambskin coat with hand-worked cordovan lacing, personally designed sterling silver buttons with a hematite finish and royal purple silk lining</div>

You will need to correct it by updating the code into this:

<div style="padding: 15px; line-height: 1.5; text-align: center;"><h2 class="mtn">Casual</h2>Washed and Glazed green Lambskin trucker jacket with cotton batik lining.</div>

<div style="padding: 15px; line-height: 1.5; text-align: center;"><h2 class="mtn">Showstopper</h2> Sculpted knee length French lambskin coat with hand-worked cordovan lacing, personally designed sterling silver buttons with a hematite finish and royal purple silk lining</div>

And please make sure that other content modals has the correct code. The way I see it, in all of them, you inserted an invalid code. Please be aware that any unclosed or incorrect tag will mess up the page layout.

Please let us know how it goes.

#7

I just redid the whole page since I din’t know how to access the code in cornerstone modules

#8

Hello @cdbehrle,

Content Model that my colleague @RueNel is referring to is Content Area Model element. Though you have rebuilt the page, following screencast may help you to toggle code editor in Content Model Element.

Thanks.

#9

Thank You for that info I will check it all

#10

Great!
Please let us know if this works out for you.

#11

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