X4.6.2 4 cloned pages, spacing different in all

[AwakenedEssence]

Hi, All 4 identical pages are clones of one template. Why are the spacing different in Blisk browser, and in my FF browser and Sony Xperia ZX Premium phone?

This is infuriating. they should all be the same.

X4.6.2 CS 1.3.3. I am not upgrading until I have my website completed! 5.2 and 5.2 trashed my website and I need income. Not learning X6.0.4 and facings its bugs until I have a few weeks of time to re-learn it all.

For the to “Custom heading” Section, Row, and Custom heading classes and padding, margins are ALL IDENTICAL .
Why are they so different?
Why if I clone a good page and bring in a template, the same template do they look different?

how is this possible???
https://awakenedessence.com/clone-home/ was cloned to
https://awakenedessence.com/ramana-maharshi-who-am-i-enlightenment-question/
all i changed was the URL and its a mess.

I see you classify me as a new user - ive been with X 3 years… really “new user”, no I just dont bug you guys much, so this is a rare ask for help!
So I can’t post the other 2 urls. but please fix why the gaps appear in the second please url please.

[thai]

Hi There,

There is the syntax error in the inline CSS of your sections(#x-section-1 and #x-section-2).

padding: -6vh 0px 0px;

It should be : padding: 6vh 0px 0px; or padding: 0px 0px;, please correct it.

Let us know how it goes!

[AwakenedEssence]

Hi,
That isn’t the issue - I will check.
ill give login details securley
**note: it all looks fine inside Cornerstone. Live is a totally different situation
-6vh is to remove the GAP between menu/top bar and the first Custom Headline
I also dont want a gap between Custom headline and the first block of text.

I dont want the gaps - If i could attach pictures it would explain it.
what is the solution to that - that would be so lovely thanks.

OK - update: I think Ive made some progress.
I did a fresh page - imported template of this page - which look as i want it in Blisk on different devices:
This is the development site - it looks as I want it regards spacing:
https://enlightenedessence.com/ramana-maharshi-who-am-i/
Here is is in the LIVE site, and there is a gap between top logo and top Custom headline. what is the solution? section? Row?
thanks.

Who Am I? Ramana Maharshi a question of Enlightenment & Presence

[jumar]

Hello there,

To remove the gap between the custom headline and the first block of text, please add a class on the Customize tab of your Text element. E.g. my-class-01, my-class-02

You can see these text elements specifically on 2nd and 5th section.

For the gap between top logo and top custom headline on the live site, this is showing because an extra offset div has been generated.

Finally, add this code into X > Theme Options > CSS:

.my-class-01 p, 
.my-class-02 p {
    margin-top: 0 !important;
}
.x-container>.offset {
    margin: 0 auto !important;
}

Hope this helps.

[AwakenedEssence]

Hi, umm, that didnt work,
look at this new page URL, same deal. big gaps under logo and then to the text element under the Custom headline on my phone and in various things in Blisk, looks good in Cornerstone.

try this url: https://awakenedessence.com/eckhart-tolle-power-of-now-new-earth-teaching/
The spacing is clearly out. This page isn’t pubic yet til I can fix formatting.
yet in the "development site its fine! https://enlightenedessence.com/eckhart-tolle-power-of-now-new-earth-teaching/

How is this possible? They are clones, recent clones at that.

I put the above in the global customiser, and added
my-class-01 my-class-02 x-container in the class boxes at the section and the text/custom headline levels.
is that right?
no difference in the LIVE site. Its isn’t needed in the Dev site.

[Alaa]

Hi AwakenedEssence,

On the “awakenedessence” site, I can see the x-section-1 has a wrong padding value which is -3px 0px 0px. Padding can’t be set with a negative value in CSS, only margins can be in negative values. So it falls back the padding value of “45px” to the top and bottom and that’s the reason for the gap. Check this screenshot:

Please edit this section in Cornerstone and correct this padding value. I recommend setting it to “0”.

On the development site “enlightenedessence”, this isn’t the case as you can see in this screenshot:

Thanks.

[AwakenedEssence]

Great, thanks for showing me its really is stuffed up, 140 pages to correct…
What is the solution to get rid of the 45px default for top and bottom padding.
I simply don’t want that 45px default for the top items in any page, or any section for that matter!

What do I add in my customiser / child as CSS then to fix my 140pages? I dont want a page only CSS, that’s 140 pages to do that in.

This is a nightmare I’ve lost weeks trying to figure this out by myself over the past 3 years with X. I resorted to negative padding after reading X fb group posts and i didn’t want the gaps.
I want ZERO gap between the Logo and the top Custom Headline element.

A solution would be most appreciated.

So if I remove all negative padding and per the above and in put this Global CSS

.my-class-01 p,
.my-class-02 p {
margin-top: 0 !important;
}
.x-container>.offset {
margin: 0 auto !important;
}

Then what so I put in the ID in Section and TXT / CustomeHeadline?
all 3 classes? ie: and is this the correct syntax, is there a '," (a comma) required?
my-class-01 my-class-02 x-container x-container
or just one Class - if so what one?

This will be my Christmas day if we fix this!!!
Thanks.

[rad]

Hi there,

That’s doable with CSS without an ID, but the question is, do you wish to remove the padding on all sections of all pages? Or just wish to remove the padding on every first section on all pages? Because setting this globally will affect all other sections which may have undesirable result.

But you can start with this CSS (no padding on all sections).

.x-section, .x-section .x-container, .h-custom-headline, p:first-child {
padding: 0px !important;
}

Hope this helps.

[AwakenedEssence]

Thank you APEX team,
Its Christmas day for me - finally I can fix my format issues for all devices. Phew!!!

my-class-02 x-container
per above fixes my issue… now to edit 140 pages. Its a bit robotic, but at least I know its now fixed!!!

Much appreciated.

[mldarshana]

Glad we were able to help