Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 18, 2015 at 10:40 am #461195
    user877

    Hi,

    my site is in boxed layout and struggling to workout the css needed to create a gap between each of the main sections. The created gaps will be same colour as html.html_boxed background.

    Thanks in advance

    June 18, 2015 at 1:29 pm #461257
    Yigit

    Hi user877!

    Seems like you have already figured it out – http://imgur.com/a/n5Tzx? :)

    Regards,
    Yigit

    June 18, 2015 at 1:34 pm #461266
    user877

    Hi Yigit,

    no, thats not mine.. im still trying

    this works ok
    #wrap_all {
    margin-top: 30px;
    margin-bottom: 30px;
    }

    Now trying to gap between header and main content body (this is not working and probably wrong)
    .responsive #main .container_wrap:first-child {
    border-top: medium none;
    margin-top: 30px;
    }

    And then between main content body and footer

    June 18, 2015 at 1:38 pm #461269
    Yigit

    Hey!

    Sorry, i missed the explanation in private content. Can you please post the link to your website?

    Regards,
    Yigit

    June 18, 2015 at 1:40 pm #461272
    user877
    This reply has been marked as private.
    June 18, 2015 at 1:42 pm #461275
    Yigit

    Hey!

    “Maintenance mode”. Can you please post login credentials here as well? :)

    Best regards,
    Yigit

    June 18, 2015 at 1:46 pm #461282
    user877

    done.. sry

    1) I’ve applied this and seem to be working OK.

    #wrap_all {
    margin-top: 30px;
    margin-bottom: 30px;
    }

    .responsive #main .container_wrap:first-child {
    border-top: medium none;
    margin-top: 30px;
    }

    #footer {
    margin-top: 30px;
    margin-bottom: 30px;
    }

    2) However in responsive mode I need padding all round to still show box layout.

    3) And why do need to change this colour so the gap matched the BG colour?
    #main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #454545;
    }

    June 18, 2015 at 9:57 pm #461613
    user877

    Hi,

    please close this topic. no further support required

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘add space between header/body/footer sections’ is closed to new replies.