Docs

[goalsarecool]

I’ve been told I need to make the width of my pages (where the text is) smaller. They suggested adding the following CSS to the sections:

max-width:45em;

Can you please tell me the exact CSS for how to do this on https://goalsarecool.com/join-academy/

Thanks!
Blake

[Nabeel A]

Hi Blake,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[goalsarecool]

I entered the following in the style box of the sections on the page listed above.

max-width:45em; margin: 0 auto

It produced the outcome i wanted with the exception of one thing. It created gray space on either side of the white space. How can I get the gray spaces to be white?

[Rahul]

Hello,

Thanks for your response.

Are you talking about the area highlighted with red question mark in attached image?

Let us know so that we can help you properly.

[goalsarecool]

Yes, I think it needs to be done with CSS because i want that background on other pages throughout the site. Can you provide the CSS to accomplish this please?

Thanks!

[Friech]

Hi There,

Instead of applying the inline-style max-width: 45em;margin: 0 auto; on section. Please apply that on the ROW instead.

That way you keep the section full-width (with white background), but narrow the content container.

Hope it helps, Cheers!

[goalsarecool]

That worked… thanks!

Is there a way to get this width on all posts automatically or do I have to use cornerstone on posts to make the adjustments manually.

I haven’t been using Cornerstone for posts because the read more link doesn’t work.

https://goalsarecool.com/blog/

[Thai]

Hi There,

You can try adding the following CSS under Customizer > Custom > Global CSS:

.single-post .entry-content.content {max-width: 25em;margin: 25px auto;}

Hope it helps 🙂

[goalsarecool]

How would i remove the sidebar and center the text?

[Thai]

Hi There,

Please add this CSS instead:

.single-post .x-sidebar {
    display: none;
}

.single-post .x-main {
    float: none;
    margin: 0 auto;
}

Hope it helps 🙂

[goalsarecool]

Will x theme have more blog display options soon? It would be nice to have a setting for no sidebar centered posts with shorter text.

[Rue Nel]

Hello There,

Thanks for updating in! We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

[Author]

Posts