Jump to content


This topic is now archived and is closed to further replies.


too much space between content and boxes

Recommended Posts


I know others have posted on this but I still cant figure out how to close up the space between the content and the boxes - the website address is http://jaymebphd.com/


Any help would be appreciated.



Share this post

Link to post
Share on other sites

Hi ashash

You can try to add in

Custom > Custom CSS/LESS

or in 

Child theme


a CSS rules like


#content .content-pad {

    padding-bottom: 0px !important;}


or / and


.hentry-pad {

    padding: 0px 0px 0px;}


It is advisable to learn how to do this on your own too.  


Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites

Add the following:


#site .section-boxes .content-pad {
padding: 0 15px;
#site .section-content-area .content-pad {
padding: 15px 15px 0 15px;
#site .section-postloop article {
margin-bottom: 1.5em;


Which looks like this - http://cl.ly/image/2C3s0B3T1Y45


Change the values until you're happy with the result.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • Claude203
      By Claude203
      I would like to place a border around each widget box, similar to the way that White House Pro does that. Is this possible within DMS2? Thank you.
    • kulmetehan
      By kulmetehan
      Hi guys,
      As you can see on my website homepage: http://kalender-verhuur.nl/ and http://kalender-verhuur.nl/diensten/, the contact box (made with: FormBuilder) isn't responsive anymore. It was before but now, I think after a FormBuilder update, it isn't anymore. Therefore it runs all the way to the right making the website look very bad.
      Is there anyone that can help me with this? Do you know a solution to make the contact box responsive again and make it fit in the column I want it to fit in (column width: 3).
      Please help.
    • bartok
      By bartok+
      Website URL: dannysvenice [.] com/events/fly-n-lion/
      Framework Version: Current Version
      WordPress Version: Current Version
      Screenshots: http://www.tiikoni.com/tis/view/?id=beacf35
      I am having this issue where a section (containing a border) within a column (containing a background image) is overflowing past the end of the right column side by 5-10px creating the issue seen in the screenshot.
      I found that when I delete the width declaration from the CSS element:
      .row .span12, .row-fluid .span12, .editor-row .span12
      The problem is fixed in that the right border for the section is contained within the confines of the column. Editing the above CSS element, however doesn't feel like the logical or correct fix to this issue I am experiencing.
      Is there another solution to this issue I am experiencing?
    • nfp1900
      By nfp1900
      I was working on another area of a site and was still finding this issue whereby you can use CSS to add a background to a column class but if you add a border it looks fine until you preview the site - then you'll see one column has jumped underneath. This happens if you have a two or three column layout across the page. 
      I couldn't see any guidelines that mention this. Example:
      If I add the following custom classes to my my code (they are column classes 6/12 - 6/12 layout)
      .diamond, .events-column { background-color: orange;   border-radius: 3px; }   It's fine, I get a nice orange box with a radius. But if I want to add border to my box and include:   .diamond, .events-column { background-color: orange;   border-radius: 3px;   border-style:solid; border-width:2px; }  
      The boxes look ok in the visual editor but when you preview the site the columns reflow and jump to the next available area. 
    • mbreese1
      By mbreese1
      Good morning!
      **My site is in maintenance mode but more than willing to give the login if someone can help me with this**
      My site khadija-annette.com has a lovely box-shadow around featured images and quickslider and I would like to apply the same to ALL images that appear in my site (in posts, sidebar text widgets, boxes, product images (woo commerce) etc). I *thought* I could just do:
      img {
      -webkit-box-shadow: 0px 1px 2px rgb(254, 254, 254) !important;
      -moz-box-shadow: 0px 1px 2px rgb(254, 254, 254) !important;
      box-shadow: 0px 1px 2px rgb(254, 254, 254) !important;
      But unfortunately that doesn't do crap. Any ideas? I've tried inspecting with firefox but none of those elements seem to do anything ( body .content img, .entry_content img, .aligncenter, .alignnone).
      Any ideas would be GREATLY appreciated!