Docs

[bedingfield]

Hi there,

I know I can adjust the content width for site-wide adjustment, but I would like to set a specific content width for one page. Could you tell me what CSS I would need to adjust to achieve this please? Say set at 50% wide.

Thank you

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[bedingfield]

elyrunners.club

[Paul R]

Hi,

Thank you for providing your site url.

You can add this under Custom > Edit Global CSS in the Customizer.

.page-id-22 .x-container.width {
    width: 50%;
}

Change 22 with your page id.

https://community.theme.co/kb/how-to-locate-post-ids/

Hope that helps.

[bedingfield]

I am still having problems getting content copy at 50% centred, just for blog posts.

http://elyrunners.club/2014/01/21/ely-runners-first-beginners-group-final-report/

I just want the above blog posts copy to be 50% wide and centered. So essentially, from blog heading to bottom of the comments form.

Any suggestions? I’m sure it can’t be that difficult, but I just can’t fathom it out.

Thank you.

[Rupok]

Hi there,

Thanks for writing back. Kindly update the code a bit :

.single-post .blog-width {
  margin: 0 auto;
  width: 50%;
}

It will be applied to all single posts.

Cheers!

[bedingfield]

Thats perfect. Thank you.

Just another question…

I would like to have a different size/style to my first paragraph of blog posts (single page). I have used below…

.entry-content p:first-child { 
	font-family:"Times New Roman", Georgia,Serif; 
	color:fff; 
	line-height:125%; 
	font-size:170%; 
	}

problem is, this goes site-wide. I just want this to work on individual blog posts. Can this be done?

Also, I don’t appear to be able to turn off ‘page title’ for ‘blog’ and blog’ single posts. On my ‘blog’ page I have checked ‘disable page title’ but it still displays. How do I disable?

Thank you.

[Joao]

.single .single-post .entry-content p:first-child { 
font-family:"Times New Roman", Georgia,Serif; 
color:fff; 
line-height:125%; 
font-size:170%; 
}

You can also try to complement with this to see how you like it:

.single .single-post .x-header-landmark {
display none;
}

Hope that helps,

Joao

[bedingfield]

Hmmm… neither of those seem to be working

[Rad]

Hi there,

It could due to caches, I checked the source code and the provided CSS aren’t added. Please check.

Thanks!

[bedingfield]

I have implemented both and cleared the cache, but when I use the code for ‘child’, it takes that styling away.

Also, page title formatting still there. Is there a function to turn off page titles for blog index and single blog posts?

Thank you.

[Christopher]

Hi there,

Please update it to :

.single-post .entry-content p:first-child { 
font-family:"Times New Roman", Georgia,Serif; 
color:fff; 
line-height:125%; 
font-size:170%; 
}

.single-post .x-header-landmark {
display none;
}

Hope it helps.

[bedingfield]

Just realised there was a typo in your code. No ‘:’

I’ll try again 🙂

[Rue Nel]

If you need anything else, please let us know.

[bedingfield]

OK, it works, thank you. Now, just a final question. Now that I have hidden the page title, I would like to create, say 50px of white space in its place. Can I do that?

[Author]

Posts