Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

Tagged: 

  • Author
    Posts
  • #1426396

    iamwithU
    Participant

    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?

    #1426761

    Rue Nel
    Moderator

    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.

    #1426982

    iamwithU
    Participant

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

    #1427156

    Rue Nel
    Moderator

    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.

    #1429125

    iamwithU
    Participant

    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.

    #1429155

    Rad
    Moderator

    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!

    #1429192

    iamwithU
    Participant

    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.

    #1429221

    Rad
    Moderator

    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!

    #1432115

    iamwithU
    Participant

    Noted with thanks, Rad. Cheers!

    #1432207

    Rad
    Moderator

    You’re welcome!

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex