Docs

[rialbaphoto]

Hey, all!

I’ve got to say, the support team at Themeco do an insanely good job!
Been browsing the forums for a few weeks now and most of my questions were already answered! Kudos 🙂

I’ve come across a three-part issue with the blog posts on a site I’m working on – lovelcb.com

Thanks in advance!

——

a) As you can see in the attached images, above and below the blog post there appear to be big distracting gaps..
What I *think* it looks like is the blog is sitting in some sort of container because the site background is the light grey colour, not the white that’s currently behind the post.

How do I remove this “container”?

b) Once that problem is fixed and there is no container, I’m going to add social sharing, similar posts etc. in a new “row” with a child theme (I don’t have experience with child themes yet, stop me if I’m getting ahead of myself).

I want to fill a “row” that has the social content with a background colour that reaches both sides of the window but it doesn’t currently reach.

How do I make the parent “section” reach both sides of the window?

c) As I mentioned, I have little experience with child themes.

Once the above change is made I’ll want to keep the content of all of my posts inside of a “1/5 + 3/5 + 1/5” column structure.

Can this be done universally with a child theme and if so, how?

——

Thanks, all! I really appreciate your time!

[Christopher]

Hi there,

I would like to check your site but it’s under construction mode, please provide us with login credentials.
Also your attachments didn’t upload since they exceeded maximum allowed file size.

Thanks.

[rialbaphoto]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.

a.) Since I can’t see the your screenshot, are you referring to single post page like this:http://lovelcb.com/blog/meditation-101/. I can see that you have built that page using Cornerstone. Sections by default have 45px top and bottom padding. Please inspect section and set this padding to zero.
Then you also have this custom CSS:

body .format-standard .entry-wrap {
    background: #fff !important; 
}

That CSS add background to the page. Please replace it with this remove the white background:

.single-post .entry-wrap {
    background: transparent !important;
    padding: 20px;/*Adjust this accordingly. This is 60px by default. Space on all side of main content container*/
}

b.) If you want the content section on single post page to be 100% width or from side to side please update above CSS to this:

.single-post .entry-wrap {
    background: transparent !important;
    padding: 20px 0;/* 20px top and bottom padding and 0 left and right padding*/
}

I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
Then this link might help:https://community.theme.co/forums/topic/setting-social-sharing-on-all-posts-with-child-theme-after-post-content/#post-1087290

c.) We can use cornerstone to achieve this. See attached screenshot.

Hope this helps.

[Author]

Posts