How to widen the page
-
I paid for the upgrade. I am a photographer and I am not happy with the 450px width limit on images. I would like a larger view of about 800px wide for my images. Can this be done?
-
-
I would also like to post larger photos on my chaotic soul with the custom upgrade. I would actually like to widen the whole main column. Can this be done?
-
-
…and knew how to use it. Best to try it out with the free preview feature before spending hard cash on it.
-
I do have the css upgrade and have made several changes in font size and color. I would like to know which bit of code contains the column size so I can experiment with changing it for the main text body. It seems that all of the code has several different parts that all control the same thing. Like when I change the font size and color of the main text, I have to change it is two places. Or is it the home page for one and the post page, the same for my blog, that is the reason it has to be changed in two places. That was easy to find, looking for color numbers. I don’t know what to look for for column width. Any help?
-
The best thing (since all the themes use different class ids so I can’t give you a one-size-fits-all answer) is to use Firefox and install the Web Developer’s toolbar and Firebug plugins. That way, you’ll be able to identify any element you want.
-
Thanks rosclarke, but my system is not compatible with Firefox, for some reason. It had to be uninstalled. Any other way I can get that info?
-
-
but my system is not compatible with Firefox
That’s a first… Maybe you had a plugin that wasn’t playing nice?
Anyway, tell me how wide would you like your contents part to be and I’ll see if I can be of assistance. You will need to change other element attributes as well.
-
-
I would like to have a photo that is 750 pixels wide, just a little smaller than the header photo.
I use Windows vista, it came on the computer.
MSN and A T and T provide our service. That’s all I know.
I can change anything you tell me too, as long as you give me the beginning code, I don’t know much of that.
Thanks so much.
-
-
-
Okay,
Replace the current definitions in your CSS with the following ones:
.hr { background-color:#22201d; border:1px solid #363430; height:10px; width:993px; margin:10px 0; } #page { width:995px; margin:50px auto 25px; padding:0; } #wrapper,#headerimg { width:995px; position:relative; } #header-overlay { background:url('images/header_overlay.gif') no-repeat top left; width:995px; height:151px; z-index:5; position:absolute; top:0; left:0; } #content { float:left; font-size:1.1em; width:750px; }Also, remember to create a new header image. The new image should have a width of 995 pixels.
Try that. HTH
-
Great, I was fooling around with it and was only going to 900 px and knew there were other things that needed changing that I woudn’t know about. I really appreciate your work. Thanks so much.
-
Hope you are still out there devblog, for I cannot get the header image to be accepted in the new size. I have tried inserting the url for the newly sized image into the css in the #header-overlay, although the url for the photo has more code than the example given when I clicked on the more info link after the *limit content width to ( I made it 995 pixels) space. I tried to make it look like the example by eliminating some of it, but neither the whole code or the shorter one worked. When I go to the custom header image tab, it still limits the size to 760 x 151, although I tried to change that css code on the stylesheet. Any ideas how to work around this?
-
Using the CSS will overwrite any custom header that you’ve inserted. You should be putting it in the CSS. I’m not sure what you mean by: the url for the photo has more code than the example given when I clicked on the more info link after the *limit content width to ( I made it 995 pixels) space.
Could you post the header CSS code you’ve been using here, so we can have a look at it?
-
Here is what is on the css sheet: (I changed the size to 995×351, what I would like the header size to be, also I tried to insert the code for the photo I would like to use, which is: <img src=”http://fairegarden.wordpress.com/files/2008/12/december-4-2008-029-4.jpg” alt=”december-4-2008-029-4″ title=”december-4-2008-029-4″ width=”995″ height=”347″ class=”aligncenter size-full wp-image-1513″ />
in the #header-overlay parenthesis.
#wrapper {
background:url(‘images/content_bkg.gif’) repeat-y top left;
}#header-overlay {
background:url(‘images/header_overlay.gif’) no-repeat top left;
width:995px;
height:351px;
z-index:5;
position:absolute;
top:0;
left:0;
}
- The topic ‘How to widen the page’ is closed to new replies.
WordPress.com Forums 