Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 3, 2015 at 3:08 pm #546437
    Blaahval

    Hi Enfold,

    I have added some styling and borders to the main container of my site and now there is no gap between the main content and the footer. If I try to add a simple margin-bottom the color from the header appears for some reason? I’m not much of an expert on CSS so I can’t really figure out how to solve this one. I’m hoping you can help.

    Kind regards,

    Brian

    December 3, 2015 at 3:13 pm #546439
    Yigit

    Hi Blaahval!

    Login credentials are not working for me. Can you please check them once again?

    Cheers!
    Yigit

    December 3, 2015 at 3:15 pm #546443
    Blaahval

    Hi Yigit,

    Sorry, I got it mixed up with another password. Please see the correct login credentials below! :-)

    December 3, 2015 at 3:20 pm #546450
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .sidebar {
    margin-bottom: 50px;
}

    Regards,
    Yigit

    December 3, 2015 at 3:26 pm #546452
    Blaahval

    Hi Yigit,

    Thanks for replying!

    I’m afraid that doesn’t work for me. I already tried adding a margin-bottom to the sidebar and I have attached an image of how it looks on my screen.

    Regards!

    December 3, 2015 at 3:27 pm #546453
    Yigit

    Hi!

    Can you please post a screenshot and show how you would like it to look? :)

    Cheers!
    Yigit

    December 3, 2015 at 3:37 pm #546460
    Blaahval

    Hi Yigit,

    I’m really poor with Photoshop but I’ve tried my best here. :-)

    I hope it makes sense. I want a grey gap at the bottom the same size as the one between the header/content.

    Regards!

    December 3, 2015 at 3:50 pm #546471
    Yigit

    Hi!

    Please change your following code

    .single-product #main > div.main_color.container_wrap_first.container_wrap.sidebar_left > div {
    background-color: white;
    top: 50px;
    box-shadow: 0 0 2px;
}

    to following one 

    .single-product #main > div.main_color.container_wrap_first.container_wrap.sidebar_left > div {
    background-color: white;
    top: 50px;
    box-shadow: 0 0 2px;
    margin-bottom: 80px;
}
#main {
    background: #f8f8f8;
}

    Regards,
    Yigit

    December 3, 2015 at 3:57 pm #546474
    Blaahval

    Hi Yigit,

    Thanks again for your help! It works great. :-)

    Kind regards!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Main container – footer gap’ is closed to new replies.