page width

Where are you putting code? You should not be modifying theme files at all – your changes will all be erased when the theme is updated.

BTW, that’s way too much code to post on these forums – you need to post a link to your site for CSS help.

im putting it in my child theme. my site

Your child theme style.css file should contain ONLY changes – not a copy of the entire parent theme file – did you set it up per:

https://codex.www.ads-software.com/Child_Themes

Just saw your last post – your stylesheet is missing this whole thing – needs to be modified for your site/theme:

/*
 Theme Name:     Twenty Thirteen Child
 Theme URI:      https://example.com/twenty-thirteen-child/
 Description:    Twenty Thirteen Child Theme
 Author:         John Doe
 Author URI:     https://example.com
 Template:       twentythirteen
 Version:        1.0.0
*/

@import url("../twentythirteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

Your child theme style.css file should contain ONLY changes – not a copy of the entire parent theme file

when i do this my site looks messed up.

did you set it up per:

https://codex.www.ads-software.com/Child_Themes

no im using Orbisius child theme editor

What’s messed up about it? When you switch to a child theme, you DO need to redo any theme options and settings – it’s like switching to any other new theme. It’s still better to avoid duplicating all your CSS and it makes it much harder to keep track of what you have changed.

Did you just add what I posted to the top of it? That’s for twentythirteen theme.

yes but my theme messes up and im using the spun theme, maybe that’s why? im going to add the code so you can look at it.

Okay, so this is what should be in there at the top:

/*
 Theme Name:     Spun Child
 Template:       spun
 Version:        1.0.0
*/

@import url("../spun/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

Then put only your changes here.

okay that fixed everything, now back to my original post issue … i still cant get the post to move.

Awesome :)! Good job.

So you want the width smaller? Try:

#page {
   padding: 0;
}

thanks! (: i dont want the width smaller already did that but when i did make the width smaller when you click on a post the page is shifted to the right. i would like it to be centered and move up and if possible remove the page title.

Reddbonetv, this style should center your content:

.single #primary, .page #primary,
.search-no-results #primary,
.error404 #primary{ width: auto; }

#content .hentry{ float: none; }

.single .hentry, .error404 .hentry,
.page .hentry, .search-no-results .no-results{ margin: 0 auto; padding: 0; }

if you want the title center as well:
.entry-title, .entry-title a{ text-align: center; }

nope that didn’t do it either. /: and i wanted to remove the page tittle not center it.

It can center your content. You just need to find a way to make it apply to your content. One way to do this is to apply the “!important” to the end of css rules. For example:

width: auto !important;
margin: 0 auto !important;
float: none !important;
padding: 0 !important;

You can hide the title by adding:
.page .entry-title{ display: none; }

Hope this helps.

it did a bit with the post pages but my main page where the circls are now messed with.