Styling issues with new install

[mcphoto]

Hello Apex - couple issues on this page:
http://lmschool.org/2020
(this is the root of a new install);

I’m seeing 60px of padding around the entry wrap which I can’t find in cornerstone - I have the section padding set to 0.
And… type isn’t formatting to the overall theme options settings - fonts, colors, etc.

Any idea what I’m missing? Login to follow, thanks!

[Prasant]

Hello @mcphoto,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.entry-wrap {
    padding-top: 0px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[mcphoto]

The code you posted worked, I removed “top” and cleared out all the padding - thanks - but why is there 60px of padding when on the cornerstone page editor I have it set to zero?

Why do I have to use an element inspector to find the selector to remove the extra padding? Why is there 60px of padding on the element when I’ve set it to zero? In past versions of X, I can control padding in cornerstone without having to keep pasting stuff into the CSS section of the theme options.

And I’ve set up my typography in theme options, the headlines and text are set to “headings” and “text” in cornerstone, yet the type doesn’t match the theme option settings - so with this version of X, do I have to manually setup every headline and text block? And how do I do that, in cornerstone I can set it to “inherit” or “headings” or “text”, but it doesn’t change anything.

[lely]

Hi @mcphoto,

What we are editing on Cornerstone or Content editor are just sections. Note that this sections is still wrapped by another Container. This container, depending on the Stack you were using have different styles. On what you have, it has 60px padding. It is define on the stack CSS. That is the reason why we have to edit and override it using custom CSS. Basically, the main layout is already setup. The header part where navigation is located, the content area, where cornerstone content goes, and footer area. Using Cornerstone editor, we only add content and it is still wrap by another container. This is because of other Theme Options Settings like Max width and Site width. Those options are added on the layout structure.

Now, regarding with typography, no need to manually setup headline. Inherit is fine. Let’s make this heading Welcome to Lakewood Montessori as example. If you want to use PT Sans on that headline choose Inherit under Font Family. It changes to PT Sans when I tried to set it to inherit. See this: https://screencast-o-matic.com/watch/cqiQ6eOlre
I leave it as PT Sans.

Hope this helps.