Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #858988

    benrapo
    Participant

    Hello, I am having an issue with the white space above the body and below the header on my home page. I would like my 3rd party slider to be just below the header without space. I have found that the following css would fix it, but changes all pages. I only need this customization on the home page.

    .x-container.offset {
        margin: -4em auto;
    }

    Is there anyway to us this code (if it is advisable) on the homepage only? Any suggestions to fix this look on my homepage only?

    Benjamin

    #859002

    benrapo
    Participant

    Wow, nevermind. I found your instructions to assign custom css to a single page and that worked perfectly! Really great theme you created :). Now please let me know if this is a valid way to do what I need done, or if there is a better customization.

    Thank you!

    Benjamin

    #859685

    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! Yes this is a valid way to do it. Glad you got it to work!

    #862988

    benrapo
    Participant

    Hi John/Staff, There is an issue with the way I fixed my white space issue. It still appears in Firefox, but is corrected in Safari and Chrome.

    Any idea why that browser would not respect that css?

    Benjamin

    #863548

    Rue Nel
    Moderator

    Hello Benjamin,

    Is this, http://gxtxbxnjxmxn.cxm/icrapoport/, the page in question? Please edit you page and replace the contents of the text element by using this format instead:

    
    [Nextend Smart Slider shortcode here]
    <h5 style="text-align: center;">Enter the working world of a noted Photojournalist</h5>

    Hope this helps.