0
Welcome Guest! Login
0 items Join Now

SOLVED Padding around different modules

    • Gareth E's Avatar
    • Gareth E
    • Sr. Rocketeer
    • Posts: 116
    • Thanks: 0

    SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • I have a number of modules which make up my homepage. At the moment there is a large gap between each of the,. How can I reduce this so that the page flows more fluently? The site is bathspaband.com/Kingswood.

      Thanks

      Gareth
    • Last Edit: 11 years 9 months ago by Gareth E.
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • Hi Gareth,

      That url is 404. Checked the main site but not seeing any real issue. Can you please provide a correct link and more idea of what spacing you want changed.

      The main url without the /kingswood shows a WordPress site - this is in the Joomla forum?

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • Gareth E's Avatar
    • Gareth E
    • Sr. Rocketeer
    • Posts: 116
    • Thanks: 0

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • Hi Gareth,

      OK - I can access it now - thanks.

      With the modules you can always use some of the default suffixes ro reduce padding and margin.

      These are the normal options and can be used in conjunction by leaving a space between each suffix.

      nomarginall - sets all margins for that module to 0
      nopaddingall - as above but padding
      nomargintop - sets top margin to 0
      nomarginbottom - sets bottom margin to 0
      nomarginleft - sets left margin to 0
      nomarginright - sets right margin to 0
      (change margin to padding for same results)

      so nomarginall nopaddingall would give you a module without any margin or padding. Bit be aware that the rest of the css will still keep the module width the same, the nett effect being that modules on a single row e.g. top-a to top-f, if all published, would leave a gap on the right of the template as they all float left relative to each other.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • Gareth E's Avatar
    • Gareth E
    • Sr. Rocketeer
    • Posts: 116
    • Thanks: 0

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • That's pretty much there, thanks. Do you know what I need to do to remove the shadowed line that appears below the section contain the text and homepage paragraph?

      Cheers

      Gareth
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • add

      div#rt-showcase {
      background-image: none;
      }

      to your css
    • Gareth E's Avatar
    • Gareth E
    • Sr. Rocketeer
    • Posts: 116
    • Thanks: 0

    Re: SOLVED Padding around different modules

    Posted 11 years 9 months ago
    • Once again, excellent service.

      Thanks

      Gareth

Time to create page: 0.283 seconds