Extra spacing above the slider wide

Homepage Community Forums Epik Theme Support Extra spacing above the slider wide

Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #16135
    Nate
    Customer

      Why is there extra spacing below the header and above my slider wide?
      http://nathanagoodman.com/home/


      Get a free copy of the bestseller, The Fourteenth Protocol, a thriller, here NathanAGoodman.com (copy/paste into your browser)

      #16136
      Wes
      Moderator

        Spacing is added by default because a lot of users need it to add some space on the top and bottom of widgets areas in their designs. However if you don’t need that extra space we can easily remove it for you. First have a look at line 1198 in your Style.css file and decrease the bottom margin to 0 (replace the 20px below to 0 instead on the margin line ) –

        .slider-wide .wrap {
            margin: 0 auto 20px;
            padding: 30px 0 0;
            max-width: 100%;	
        }
        

        Next, locate .slider-wide .widget around line 1207 and change the bottom margin from 20px to 0.

        .slider-wide .widget {
        	margin: 0 0 20px;
        }

        If you’re not using a CSS editor and can’t locate the lines, you can do a search in your WP editor for the style.css file by searching for .slider-wide .wrap for the first part, and .slider-wide .widget for the second part, and then you can make your adjustments from there. You may already know all of this, but I thought I’d help just in case.

        If you would like for me to assist you making these quick changes, I can. It will only take a sec to adjust, I would only need a Temporary login, so let me know if you do.

        #16154
        Nate
        Customer

          I applied the changes, but there is still a large gap in between the header, and the top of the wide slider. Anything else I can adjust?


          Get a free copy of the bestseller, The Fourteenth Protocol, a thriller, here NathanAGoodman.com (copy/paste into your browser)

          #16155
          GeoUser
          Customer

            Nate,

            Considering that I am far from any kind of expert, you should be skeptical of what I say…but I looked at your page, and think I might see the problem.

            If you change the .head-wrap bottom margin from “40px” to “0px” in the code I pasted here it would do what you want.

            .head-wrap {
            background: #303236;
            margin: 0 0 40px;
            }

            *GeoUser*

            #16156
            Wes
            Moderator

              @Nate Yes the remaining space is coming from the .head-wrap as @GeoUser mentioned. The .head-wrap is basically the header section. There is 40px of margin under the header area.

              If you edit that section it will change the spacing on all of your other pages as well. So if you want your other pages to remain the same and only adjust the spacing on the homepage then you can add this right under the code mentioned above –

              .home .head-wrap {
              	margin: 0;
              }

              This code will allow you to keep the space under the header for all the other pages, but it removes the space on the homepage.

              #16456
              leah
              Customer

                I am having issues with mine as well. I had fixed it by changing the .head-wrap to 0, but had accidentally dropped text into the Welcome Wide that messed up my slider wide spacing all over again. I would give you a link to the site, but I’m still developing the page and it’s not public yet.

                #16548
                Eric
                Customer

                  @leah you would have to provide a link in order for any of us to be able to see your site so we can figure out what’s going on. I would suggest creating a New/Separate thread so you can get your issue fixed.


                  I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.