[iamwithUParticipant]

Awesome, Rue Nel. Thanks.

For my learning benefit, can you tell me what’s the difference in putting your css into the Settings >Custom CSS versus putting into the Customize >Custom >Global Edit?

[Rue NelModerator]

Hello Again,

Please keep in mind that this is the order of the styles.
– X theme stack style.css
– Child theme’s style.css
– Customizer’s Custom CSS
– Cornerstone’s Custom CSS

The Cornerstone’s custom css will be added and applied on page by page basis since this will be added on the page you have edited with Cornerstone. The customizer’s custom css will be applied for the whole site since this is a global custom css.

Hope this explains it briefly.

[iamwithUParticipant]

Superb, that is crystal clear! Appreciate it, Rue Nel.

[Rue NelModerator]

Thanks for letting us know that it has been useful to you.
If you need anything else we can help you with, don’t hesitate to open another ticket.

[iamwithUParticipant]

Hi Rue Nel,
You had in your kind reply of #1425883 given me a CSS that worked. Unfortunately, my Home page got out of Cornerstone (as I went back to a revision – edited also in Cornerstone).

Now the space on top of the slider re-appears. I tried putting your CSS into the global edit but it didn’t work. Can you advise how I can remove the space on top of the slider?

On the desktop screen, this is the space between the top of the screen and the slider. On the mobile devices, this is the space between the top navbar and the slider.

[RadModerator]

Hi there,

It should be this

.home.x-boxed-layout-active .entry-wrap {
    padding-top: 0;
}

You added n to the padding, npadding-top: 0;

Should it maintain the space on mobile?

Thanks!

[iamwithUParticipant]

Wonderful Rad! It works.

You mean I added an “n” there – can tell me where you detected it? So I can learn to be careful in future.

Finally, do you notice that when my Home Page loads, the slider appears last? So a customer will first see a blank box right on top when the rest of the page appears. The rest of the page has images too. Is this something inevitable if I want to employ a slider? If so, I may have to re-think about the use of slider in future.

Appreciate your patience.

[RadModerator]

Hi there,

It’s from your custom CSS, visible through browser developer tools. Yes, there was an “n” which could be due to typo error.

About the slider, yes it’s normal since it has animation. It waits for the image to load before it start the animation, else, there will be nothing to animate.

Thanks!

[iamwithUParticipant]

Noted with thanks, Rad. Cheers!

[RadModerator]

You’re welcome!

[Author]

Posts