Docs

[Randy T]

Hello, I need to make a few minor adjustments to the layout of my client’s blog page, but according to everything I’ve been reading in the Knowledge Base, these cannot be done in Cornerstone.

My client’s website is: http://www.solar-concepts.com

In the past I have used the X-Theme to create full-width websites with a Static Home Page, and a “Content Left/Sidebar Right” Blog Page as the Recent Posts Page (http://trybestudio.com/). I would like to do this now, but X/Cornerstone will not allow me to.

At a minimum, I would like to add a container, or some Left and Right margins to my posts, so they aren’t butted up against the sides of the content area.

If you view the current blog page, you’ll see how awkward it looks. Please tell me something can be done to fix these issues. This blog page is unacceptable.

Thank you X team! You guys rock!

Randy

[Christopher]

Hi there,

Please navigate to Customize -> Layout and design and reduce site width to 88%.

Next change page’s template to ‘Blank-No Container|Header-Footer’, you can do this under cornerstone settings tab/general.

Hope it helps.

[Randy T]

Thank you Christopher. Unfortunately, that doesn’t seem to work, as it affects all other pages, and I really just need to modify the blog page. I’ve tried adding “blog-specific” css to the customizer, but it seems to affect every page of the site.

I’m racking my brain trying to figure this out.

I really appreciate your help, though!

Randy

[Rupok]

Hi Randy,

Thanks for writing in! If you add preceding .blog class before your CSS then it won’t affect other pages. Like if you need to add padding to the content, you can add this :

.blog .x-main.full {
  padding: 0 40px;
}

Note that it won’t affect any other pages.

Hope this makes sense.

Cheers!

[Randy T]

Thank you Christopher and Rupok! I really appreciate your help on this! I was able to use the following css to resolve the post content margin.

.blog .entry-wrap, .single .entry-wrap{
padding: 0 20px !important;
}

I still need to figure out what css to use to add this same margin to the post thumbnail, and to the commenting section of the full-post view.

Any help you can give me would be greatly appreciated!

You all are life-savers!
Thank you,
Randy

[Randy T]

In addition to my previous post, can anyone see why the “Search” widget is the only widget appearing in my sidebar? It is supposed to be displaying “Categories” and “Meta”, too. Weird!

Thank you!
Randy

[Randy T]

Sorry, I figured out the sidebar/widget issue on my own. I overlooked it 100 times. Doh!

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Randy T]

Thanks Prasant Rai! You too!

So, on a slightly related note, any suggestions on how to add the same padding I’m using for my post content to the filtered category content, and comments sections?

Examples:
http://solar-concepts.com/category/attic-fans/
http://solar-concepts.com/lorem-ipsum-dolor-sit-amet-2/

Thank you in advance!
Randy

[Christopher]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.archive aside.x-sidebar.right {
    margin-top: 0px !important;
}
.archive .entry-wrap {
    padding: 30px;
}

Hope that helps.

[Randy T]

Thanks Christopher, that worked great! What css do I need to place to add that same padding to the comment section?

Thanks again!
Randy

[Prasant Rai]

Hello Randy,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

div#comments {
    padding: 30px;
}

Thanks.

[Randy T]

Thank you Prasant Rai! That worked perfectly!

Randy

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts