0
Welcome Guest! Login
0 items Join Now

How to remove space at bottom of mainbody?

    • Newb1111's Avatar
    • Newb1111
    • Sr. Rocketeer
    • Posts: 130
    • Thanks: 0

    How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • Below the main content(main body and sidebar) there is a rather large gap, how to reduce this?

      www.kangdo.com.au/
  • Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • perhaps it would help if you marked which space do you mean on a screenshot
    • Newb1111's Avatar
    • Newb1111
    • Sr. Rocketeer
    • Posts: 130
    • Thanks: 0

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • The space is highlighted in red.
  • Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • well, i'm an amateur in gantry by myself so it is possible that there is a "cleaner" solution to this

      these spaces are being created because gantry adds them in "standard" layout and chrome (look here for an explanation).

      there is also "basic" layout and "none" chrome, so you could rewire the main block inside templates in order to use chromes without the big spacing

      less drastic approach would probably be adding some css rules for these boxes. do you know how to write css?
    • Newb1111's Avatar
    • Newb1111
    • Sr. Rocketeer
    • Posts: 130
    • Thanks: 0

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • no maxlarin
    • Newb1111's Avatar
    • Newb1111
    • Sr. Rocketeer
    • Posts: 130
    • Thanks: 0

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • btw, thanks maxlarin.

      So,
      .rt-block {padding: 10px;margin-bottom: 0px;}

      These affect the whole page, but reducing margin-bottom from 10px to 0px didn't mess things up, so this has helped tighten up overall look, which is what I wanted anyway. Reducing padding however, destroys the design.

      So an improvement, but still would like to reduce the space by 15px or so.

      Also, is there a margin-top? I noticed bottom gap is now smaller than top on one section. Perhaps I just need to reduce padding for <div class="quote">, not sure which of these numbers I would need to change?..
      .quote-l {display: block;padding: 8px 10px 0px 36px;margin: 15px 0;}
      .quote-r {display: block;padding: 0 10px 0 0;}
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • if you want to change things only for certain pages a page suffix is always a good idea.
      Turn the page suffix-feature in the template-settings (under advanced) to on.
      Add a page suffix in the settings for the frontpage like "closer"
      (in the menu-item-settings under Parameters System)

      Try to add this to your css and clear your cache.

      .closer #rt-main div.rt-main-inner {padding-bottom: 0;}
      .closer #rt-main div.rt-main-inner div.rt-grid-8 div.rt-block {padding-bottom: 0;}

      Should help to reduce space only on the frontpage
    • Newb1111's Avatar
    • Newb1111
    • Sr. Rocketeer
    • Posts: 130
    • Thanks: 0

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • to my template.css?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: How to remove space at bottom of mainbody?

    Posted 14 years 8 months ago
    • Yes (or demo.css is also a good place).
      Just keep your new code in one place .... makes it easier to update and easier for mods to check what you have added :-)

Time to create page: 0.103 seconds