change page width
-
If thesacredpath answers this, I am going to have to get his address so I can send him some homemade fudge because he is just AMAZING! I am still trying to work with the Manifest theme. I have completely given up the image gallery idea and will just post pictures into the post itself because I’m getting the resolution I want more easily with that and the image gallery isn’t a make-it or break-it for me. But the difficulty I am still having is that unless I copy and paste the entire original spread sheet with the things I want to change into the top field and click the “use as blank spreadsheet” box (which I know is a BIG no-no) the page shows NO changes. But if I do copy and paste the entire coded (edited my way), the width of the page changes, but I lose the rest of the format.
This is what I am doing, I am pasting
#site-wrapper {
padding-top:15px;
width:980px;
text-align:center;
position:relative;
margin:0 auto;
}#site-description {
color:#999;
font-size:1.2em;
font-style:italic;
width:980px;
margin:18px auto 60px;
padding:0 0 13px;
}#main-nav ul ul {
text-align:center;
width:980px;
margin:0 auto;
}#core-content {
float:left;
width:980px;
margin-top:8px;
}#footer {
width:980px;
border-top:4px double #ccc;
color:#666;
text-align:center;
margin:40px auto 0;
padding:20px 0 35px;
}.footer-content {
width:980px;
clear:left;
margin:20px auto 0;
}into the edit box and then clicking “add to current theme” and setting the max width for images under that box to 720 (Manifest restricts images to 500px if not changed). But this does not seem to change the website at all when I save the spreadsheet?
this is my website currently WITH what I just wrote saved, but it still seems to be restricted to 500 px? ANY help would be greatly appreciated!! Or if anyone has any suggestions of a minimalist one column theme that might be easier to work with? THANK YOU!!!!
http://lookingGphotography.wordpress.com
The blog I need help with is: (visible only to logged in users)
-
When you purchase a custom design upgrade part of what you are paying for is Staff support.
Custom Design ($30.00/yr)
The Custom Design upgrade lets you customize your blog’s fonts with a point-and-click interface — no coding required. If you know your way around a cascading stylesheet, you can really put a personal touch on your blog with the CSS Editor. Need help crafting your CSS? Our world-class support team has got you covered. http://en.wordpress.com/products/Here’s the contact link for Staff > http://en.support.wordpress.com/contact/
-
The existing images will not get wider after changing the width down below the CSS edit area. The image width and height were set when the image was inserted into the post or page (which was done when it was 500px). What you have to do is to delete the image from the post and then reinsert it into the post at “full-sized” and it should pick up your new 720px wide setting and use that.
On the gallery, you will probably have to do the same thing. Delete the gallery and then reinsert it so that it picks up the 720px width.
-
Yes-I have all the images set for “full-sized” and sized at 720px on the long edge and 480 on the short edge, but the page itself restricts them…..I will try contacting support for further advice. Thanks everyone!!
-
Found a bug related to what you’re trying to do. The limit width wasn’t saving! We’ve just fixed that so please try saving the setting again.
It’s true that once an image is inserted into a post or page, the size is set and you would need to remove and reinsert it to get a larger size or use the Edit Image icon for a smaller size. However, one kinda nifty thing about the gallery is that it respects the size settings on the Settings → Media page.
The thumbnail size is default for the gallery, but you can set other sizes. See http://en.support.wordpress.com/images/gallery/#gallery-shortcode
The “full” size setting respects the theme’s default content width or the limit width if you change it on the CSS page. Then you can do nifty stuff like this and always have a full-width gallery even if you change the theme:
[gallery size="full" columns="1"] -
designsimply-thank you for your input! but i am still having the same problem…..when i click “preview” the home page looks as I would like it to-however the site description and main navigation bar do not extend to the 980 width I set for them, and when I click on gallery images (in preview mode the images posted WITHIN my post are staying true to their 720px I set when I uploaded them), they are reduced to 500 px across as the page has become reduced again within the gallery attachment. And either way, when I go to click save NONE of my changes save….the website pulls up exactly as the original theme has it set…..This is what I have typed into the CSS editor….
#site-wrapper {
width:980px;
}#site-description {
width:980px;
font-size:8pt;
}#main-nav ul ul {
width:980px;
}#core-content {
width:980px;
}#footer {
width:980px;
}.footer-content {
width:980px;
}and i’ve tried adding in your [gallery size="full" columns="1"] but everytime the css editor refuses to save it….i am at a loss. i’ve tried several other themes as well and none of them seem to work when i go to save….
-
Edit the post, delete the gallery, save, then reinsert the gallery, make your settings and then update the post again and see what happens.
-
I’m seeing your site right now at 980px wide with all the changes we did
I do see on site-description that the typekit fonts are overriding your 8pt font size so doing the following will fix the font size. (A note on fonts. Either use a percentage or em units when specifying fonts. PTs are for print media and will not scale if someone uses the zoom on their browser and will not stay proportional in size to the rest of the fonts. The font size that was set in the typekit declaration was 1.34em so use that and then adjust downward till you get the size you want. You can even go to 0.x em if need be.
#site-description { font-size: 8pt !important; } -
Add this to your CSS to widen the menu to 980px so that you can add more tabs (I think that is something that you wanted to do). I missed increasing the width on that one.
#main-nav ul { width: 980px; } -
The bug preventing you from saving a limit width has been fixed.
Looking back, I may have misunderstood exactly which images you were referring to before. But I think now I see you were referring to attachment pages: http://lookinggphotography.wordpress.com/2011/07/20/j-r-engagement-session/attachment/27/
In Manifest, attachment pages are hard coded to display at 500px and so the limit width doesn’t affect them. You could make them bigger with CSS, but it’s not advised because the quality would not be good.
-
I’ll find out if making attachment pages respect the limit width setting is something we can update in the future.
- The topic ‘change page width’ is closed to new replies.