Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #510668

    Hi,
    Is there a way to reduce the top and bottom padding on a text block please?
    Example is here:
    http://www.mammothdb.com/cloud/

    The text block of “What about Spark and other “big data” tools? Run them directly on MammothDB, or integrate them together!” has a lot of padding above and below, and I’d like to reduce it by about 1/2.
    Is there some CSS code i can enter to change the px padding above and below?

    Thanks!
    Steve

    #510800

    Hey sgkeil!

    Add this to a codeblock element in the page.

    <style type = "text/css">
    #after_submenu p {
        margin: 0px !important;
    }
    </style>

    Cheers!
    Elliott

    #510813

    Hmm, I tried – i pasted it into the codeblock element already on the page, flushed browser cache and tried a new browser as well, and no change?

    #510819

    Hi!

    It’s working fine. If your wanting to reduce it further then add this as well.

    #after_submenu .template-page {
        padding: 20px !important;
    }

    Best regards,
    Elliott

    #510842

    Ah! Thanks Elliott – that did make a change :)

    One more question if you don’t mind – right above that text block is a grid-row, and i’ve set it to have “no borders”, yet it always displays a bottom 1px grey line border. I’ve noticed that throughout my pages, and have searched the forums, but don’t see a) why it shows up when i choose no borders, and b) how to get rid of it!

    Thanks again,
    Steve

    #510870

    Hi!

    It’s from the next section. Add this to your custom CSS.

    #after_submenu {
      border-top: 0 none !important;
    }

    Regards,
    Elliott

    #510901

    That worked a charm, thanks so much!

    #511131

    Hey,

    Great, glad we could help :-)

    Cheers!
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Text block padding’ is closed to new replies.