The constraint at the moment is the dimensions of your logo photo.jpg (approx 440x200px)
Easiest would be to crop the bottom white space (& maybe top whitespace) of that jpg which will shrink the whitespace.
I don’t think my logo is forcing the space above and below the slider at http://knowwhereconsulting.co.uk/ what else can I try?
@stevenfeldman, try:
.carousel {
position: relative;
top: -120px;
}
#main-wrapper {
position: relative;
top: -280px;
}
@tradedog, try:
.carousel {
position: relative;
top: -90px;
}
#main-wrapper {
position: relative;
top: -80px;
}
but you will need to fix the photo.jpg
Brilliant, that’s fixed it. Thanks very much 🙂
steven
Unfortunately it fixed the problem on the front page but moved content on all other pages up over the header section. I pasted the code into the Custom CSS section.
I have removed slider for the moment.
OK, add .home to target the front page, eg
.home .carousel {
position: relative;
top: -120px;
}
Classes you can use are:
.home = Front Page
.blog = Posts Page
.page = Other Pages
.page-id-n = Selected Page
Thanks again, now I am there (may reduce the slider width a bit more when I have time to tweak)
http://knowwhereconsulting.co.uk/
cheers
steven
