Change content width of a theme
-
I am able to know what I’m doing when it comes to editing .html or .css code and I know you allow me to do this when I’m writing a blog. However, I have a theme and I wanted to edit the .css text to make the content width wider. It allows me to try to edit it but it doesn’t work and not for the content width. I just want it to be wider. I can do it myself but can’t get to the file. Help
The blog I need help with is: (visible only to logged in users)
-
Could you please tell me what code you’re using? I can take a look into why it isn’t working.
Also, I visited http://notesofaweddingphotographer.com/. Are you trying to widen the content width of a specific column, or of the entire site?
Thanks much.
-
I’m trying to widen the entire block of content. I want the side bar to still be there but it takes up quite a bit of the block and since I have a photography business I’d like as much of the pictures to take up the screen. I think I noticed that it was only sized at 560 right now and I’d like it to be closer to 800. I have a screenshot of my problem but I don’t know if I can post it here.
The other problem is I can’t seem to access the original .css code it just gives me this lame css revisions dashboard that says this:
Welcome to Custom CSS!
CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don’t need to copy all
your theme’s stylesheet content.If you need any further help, ask in the CSS Customization forum.
-
Hello again.
Here is the info you requested (and a few other links):
The original CSS for Forever is:
http://jaylgordon.wordpress.com/forever-theme-css/The spec page for your theme, Forever is:
http://theme.wordpress.com/themes/forever/The theme-specific forum is:
https://en.forums.wordpress.com/forum/themesThe CSS-specific forum is:
https://en.forums.wordpress.com/forum/css-customizationIf you would like me to look at your screenshot, you can post it to your Media Library. Just let me know when it’s there and I’ll take a look.
If I can help further, drop me a line. Thanks much!
-
I dropped it in my media library…it’s called problem css.jpg I tried adding from the link you gave me the code I wanted to change. It should be this:
}
#content {
margin: 0 38.020833333333% 0 3.645833333333%;
max-width: 560px;
}I added it and changed the 560 to 800 as well as in the space given on the css revisions dashboard and it didn’t appear to change anything.
-
Thanks for that image. That helps.
First and foremost, you should address the page width. Content/columns cannot grow past the constraints of the 960px page.
Please replace the existing code with the following into your CSS editor:
#page {
width: 1200px;
}I made the page 1200px so you could see a marked difference in the page size, but of course, you can change that number to whatever suits the aesthetics of your site.
From there, you can adjust column widths as you’d like. As you’re comfortable with editing CSS code, you’ll need to make sure you’re address the correct element with each change.
http://en.support.wordpress.com/custom-design/editing-css/
Take a look specifically at how to use the “Inspect Element” option to see the HTML of the item you clicked on as well as all the CSS that applies to it.
Best of luck with your lovely site!
-
-
- The topic ‘Change content width of a theme’ is closed to new replies.
WordPress.com Forums 