Home>Support>Space between Revolution Slider and header

Space between Revolution Slider and header

By Andres Quartieri, 10 years ago. Last reply by Daniel, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi, please would you take a look at my website www.martarajtman.com ?

I´m trying to get rid of the space between the slides and the Header (where I´ve located my logo and a main menu as a widget)

I was trying with some css codes like this:
.home #main { padding-top: 0 !important; }
but It did not work this time

Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi Andres,

    Try the following CSS code instead:

    .siteorigin-panels-stretch.panel-row-style {
padding-top: 0px!important;
}

    Cheers!

  2. 10 years, 10 months ago Andres Quartieri

    Hi Addo, nope.. it did not take any effect.

  3. 10 years, 10 months ago Magus
    Hi, I Work Here

    Hi Andres

    The padding above the slider can be removed by adding the following to your custom CSS

    #main {
    padding-top: 0px !important;
}

    this also puts a dark grey bar between the menu and the slider but I am not sure how to remove that, perhaps Addo can shed some more light on it.

    Hope this helps

    Magus

  4. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi Andres,

    Could you retry the code you posted but without the .home and I also noticed there was a space between the 0 and the !important, there should not be a space. Not sure if you have the space when you added it. So this is how the code you are going to try should look:

     
#main { padding-top: 0!important;
}

    Please try and let me know!

  5. 10 years, 10 months ago Andres Quartieri

    Hi Magus, thanks for your reply but it did not take any effect either. Actually that css code was the first one that I tried.

  6. 10 years, 10 months ago Private Message - Andres Quartieri

    This is a private message.

  7. 10 years, 10 months ago Andres Quartieri

    I tried also without the .home but I got nothing..

  8. 10 years, 10 months ago Magus
    Hi, I Work Here

    Hi Andres

    If you use both snippets then the space does get removed but as I said it adds a grey bar under the header

    Magus

  9. 10 years, 10 months ago Andres Quartieri

    Yes I see, is there any way to get rid of that grey space in between?

  10. 10 years, 10 months ago Magus
    Hi, I Work Here

    Hi Andres

    I couldn’t see where it was being generated from. It only appears on that page so I think it has something to do with the slider. Hopefully Addo will be able to find it and supply a solution.

    Magus

  11. 10 years, 10 months ago Magus
    Hi, I Work Here

    Hi Andres, Addo

    I have found where the bar is being added. It is an unused paragraph tag inserted by the slider

    use this to remove it.

    .textwidget p:first-child {
    display: none;
}

    Addo, I am unsure how this will affect other pages. Could you provide an alered version specific to the home page?

    Magus

  12. 10 years, 10 months ago Andres Quartieri

    Hi Magus, Indeed I can get rid of that grey space using
    .textwidget p:first-child {
    display: none;
    but in the same time, this css blocks the content that I have in this 2 pages:
    http://martarajtman.com/bio/
    http://martarajtman.com/prensa/
    I attach 2 pics to show how this 2 pages look with and without using the last css code you sent.
    http://dropmocks.com/mIduLj

    Thanks

  13. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi Andres,

    Thanks Magus for your assistance! :)
    Try adding the page id of the homepage so the code Magus gave does not affect those other pages. The code should look like this:

    .page-id-18 .textwidget p:first-child {
  display: none;
}

    Try that and let me know!

  14. 10 years, 10 months ago Andres Quartieri

    Perfect, I added the .home before the code and it worked.
    Thank you all guys. You made it :))

  15. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi Andres,

    Glad it worked! :)

    Cheers!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More