page width
-
hello im trying to re size the width of the first page and post, i’ve tried a solution discussed in this post but it doesn’t center and also it makes 2 circles in a row when i want 3, im i doing something wrong or is this code out dated?
-
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:
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: http://example.com/twenty-thirteen-child/ Description: Twenty Thirteen Child Theme Author: John Doe Author URI: http://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:
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.
The topic ‘page width’ is closed to new replies.
