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
Hey sgkeil!
Add this to a codeblock element in the page.
<style type = "text/css">
#after_submenu p {
margin: 0px !important;
}
</style>
Cheers!
Elliott
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?
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
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
Hi!
It’s from the next section. Add this to your custom CSS.
#after_submenu {
border-top: 0 none !important;
}
Regards,
Elliott
That worked a charm, thanks so much!