Title: Margin / Padding Problem Last modified: August 21, 2016 --- # Margin / Padding Problem * Resolved [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/) * Hello – I’m a new user to Quark (finding it excellent so far). However, I’ve run into one problem so far that I cannot seem to be able to resolve. * The URL of a page showing the issue is: [http://caminopedia.com/?page_id=150](http://caminopedia.com/?page_id=150) * On each page I am showing a title and sub-title for the reference information available on the page. Beneath that I have a horizontal rule. After that, there is a notable gap before my ‘main’ content is displayed. This gap doesn’t appear when I view the HTML / CSS outside of WordPress — so, there is some theme-based setting I am failing to override. However, I can’t find it! I’ve used the developer tools in my browser to ‘inspect’ the elements but I can’t see what is causing the problem. * Any help would be greatly appreciated! Viewing 13 replies - 1 through 13 (of 13 total) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365352) * The horizontal rule has a lot of margin and you have some empty paragraphs above your main content that are contributing to the issue. * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365357) * Hi Andrew – thanks for the quick response. Could you clarify your answer a bit, please — I don’t see any empty paragraphs in my HTML. What am I overlooking? * Also, is there any way to modify the margin of the HR? (I didn’t think HRs had any margin / padding!). * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365405) * Which browser are you using btw? * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365409) * Firefox and Chrome. Oh, and Safari sometimes. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365415) * Open your site in Chrome and right click on the horizontal rule or around it. Select ‘Inspect element’. * A new toolbar should appear with HTML on the left and CSS on the right. * Hover your mouse over the `
` element. * In Chrome’s development tools (the thing that you just opened) orange represents margin and green padding. * Click on the `
` element and look to the CSS on the right. You should see the CSS responsible for the margin. * Explore the rest of the HTML for the stray `

` tags that are partly responsible. * That should help you understand what CSS you need to override and whereabouts the empty paragraphs could be. * _[http://developers.google.com/chrome-developer-tools/](http://developers.google.com/chrome-developer-tools/)_ * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365419) * Can you see that the styles that are applying the margin to the `

` are in a “custom-css…” stylesheet? That hints that you have a Custom CSS plugin which has these styles in a setting somewhere in the dashboard. * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365430) * Yep, I do (the Jetpack plugin). However, I still can’t find whatever is causing the gap — I’ve just over-ridden everything that I thought even vaguely might be affecting it. * I’m definitely not an expert at CSS, but I’m not a novice either — usually I can puzzle these things out. I’m totally stumped though. I appreciate your suggestions anyway. I’ll keep at it and see if I can figure it out. Otherwise I guess I’ll have to start over. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365434) * Deactivate all your plugins to narrow down which is causing the issue with the`
`. * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365436) * Hmmm. Never thought of that as a possible problem. Will give it a try – thanks. * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365456) * Alas, that didn’t seem to do it either. * However, I’ve also tried removing the HR entirely — the gap is still there. Thus, it doesn’t look like the HR is the culprit (look at the current version of the page to see what I mean). * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365458) * FYI, I in the developers’ tool I now *do* see the empty paragraphs you previously mentioned. However, those are *not* in my HTML. I’m definitely confused! * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365461) * Ah! So, it looks like the problem was a clearfix I was using incorrectly. * Andrew, thanks for your help – your feedback definitely helped push me in the right direction. * Thread Starter [TrekRight](https://wordpress.org/support/users/trekright/) * (@trekright) * [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365466) * Oops! Not fixed – what I thought was a fix in one browser completely broke my layout in another… oh well. Two days on this problem is too much time lost. Time to scrap this and start over! 🙁 Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Margin / Padding Problem’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/quark/1.4.1/screenshot.png) * Quark * [Support Threads](https://wordpress.org/support/theme/quark/) * [Active Topics](https://wordpress.org/support/theme/quark/active/) * [Unresolved Topics](https://wordpress.org/support/theme/quark/unresolved/) * [Reviews](https://wordpress.org/support/theme/quark/reviews/) * 13 replies * 2 participants * Last reply from: [TrekRight](https://wordpress.org/support/users/trekright/) * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/margin-padding-problem-2/#post-4365466) * Status: resolved