Docs

[crucialtim]

Hello,
I’m having some trouble getting news pages on my website to look like other pages of the website. Based on topics we’ve found here on the forum, we’re basically setting news entries up as posts, categorizing them as news, and pulling them in. On the detail pages, I want to add a sidebar to the top part of the page. There appears to be some extra padding on the body container on this page that is causing my code inline to wrap…so my sidebar shows up below my content, instead of beside it.

http://contactcrucial.com/online-marketing-home-automation-companies/

This is an example of what I’m trying to get close to on the top part of that page, with the content left, sidebar right: http://contactcrucial.com/digital-marketing-results/

[crucialtim]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > custom > CSS

.single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post .entry-content {
   padding: 0 !important;
}

.single-post  .entry-wrap .x-container.max {
 
  min-width: 100%;
  width: 100%;
}

Hope it helps

Joao

[crucialtim]

Thanks for taking a look, Joao. I tried this; no change, unfortunately.

[Friech]

Hi There,

That sidebar should show on the left of the content naturally, because that is a 3/4 + 1/4 columns right?

The issue is you added another opening ROW shortcode, before the 1/4 columns. That disrupt the HTML markup on the front end.

[x_row inner_container="false" marginless_columns="false" bg_color="" style="margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; "]

Please remove that second instance of ROW shortcode. Refer to this draft post on how it should look.

Thanks.

[crucialtim]

Nice catch, thank you!

One other question…is there a way to get rid of or lessen the padding on the outside edges of the page container? See attached. The sidebar on my news pages is showing up a little narrower because of it, and the button text that says “GET YOURS NOW” is wrapping to a second line.

On other pages of the site, it looks like that spacing doesn’t exist on the outer edges of the container.

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[crucialtim]

Hi Christopher, it’s right here: https://community.theme.co/forums/topic/trying-to-get-a-posts-page-to-look-like-other-pages-of-the-website/#post-1200823

[Lely]

Hi There,

Try adding this custom CSS:

.single-post .entry-wrap {
    padding: 30px 13px;
}

By default it is 60px on all sides.

Hope this helps.

[crucialtim]

That’ll do, thanks Lely!

[Rahul]

Glad to hear that.

Let us know if we can help with anything else.

Thanks for using the X theme.

[Author]

Posts