Docs

[FramewaveMedia]

Hello,

Ive moved my blog from the standard posts page to a custom page so that I can use a 3rd party plugin to manipulate what my blog posts look like.

I had to add padding to the content band that contains the plugin shortcode so that it was not sitting right under the Navigation bar. The problem is that the padding only affects the blog content on the left and not the side bar so they are not formatted evenly at the top. I tried to remedy this problem by adding padding to the widget to get them to match which works on the main /blog but when you go to the actual post the formatting is off.

I know what I am doing is a bit backwards, but if you could show me how to correctly accomplish this so the formatting is always consistent i would be grateful. Thank you

http://www.contigotechnology.com/blog/

http://www.contigotechnology.com/2016/05/charity-of-the-quarter-community-first-homes-for-the-disabled/

[Prasant Rai]

Hello There,

Thanks for writing in!

I see that you have a empty text widget in sidebar. Request you to please remove that. Please see:

After that please add following CSS under Custom > CSS in the Customizer:

.single .x-sidebar div#cc_mm_widget-2 {
        margin-top: 0 !important;
}

Thanks.

[FramewaveMedia]

The blank widget was being used to add spacing to the side bar. I have removed the widget and added the CSS you gave me and the problem is the same as when i started.

http://www.contigotechnology.com/blog/

http://www.contigotechnology.com/2016/05/charity-of-the-quarter-community-first-homes-for-the-disabled/

Please advise. Thanks

[Nabeel A]

Hi again,

Instead of giving padding to the content band try this:

.x-container.max.width.offset {
    padding-top: 80px !important;
}

Remove the padding from the content band. Let us know how this goes!

[FramewaveMedia]

I’ve removed the padding and added the new code, but there is still something keeping them from being aligned and when you click to the individual blog post it is adding padding below the gray line that I suppose is hard coded to the theme for blog pages. Is there a way to make them look identical?

[Jade]

Hi there,

Do you want to remove the gray border and lessen the gap between the menu and the content in the single post pages? If so, try using this CSS:

.single-post .x-header-landmark {
    border: 0;
    padding: 0;
}

Hope this helps.

[Author]

Posts