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
Hi Andres,
Try the following CSS code instead:
.siteorigin-panels-stretch.panel-row-style { padding-top: 0px!important; }Cheers!
Hi Addo, nope.. it did not take any effect.
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
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!
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.
This is a private message.
I tried also without the .home but I got nothing..
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
Yes I see, is there any way to get rid of that grey space in between?
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
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
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
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!
Perfect, I added the .home before the code and it worked.
Thank you all guys. You made it :))
Hi Andres,
Glad it worked! :)
Cheers!