How to widen the page

  • Author
    Posts
  • #299498

    loveinspired
    Member

    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?

    #299721

    vivianpaige
    Member

    Link to your wordpress.COM blog?

    #299905

    fairegarden
    Member

    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?

    #299906

    devblog
    Member

    fairegarden,

    It would be possible if you had the CSS upgrade.

    #299907

    rosclarke
    Member

    …and knew how to use it. Best to try it out with the free preview feature before spending hard cash on it.

    #299908

    fairegarden
    Member

    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?

    #299909

    rosclarke
    Member

    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.

    #299910

    devblog
    Member

    A plugin that I’d recommend too is Aardvark.

    #299911

    fairegarden
    Member

    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?

    #299912

    devblog
    Member

    BTW, how wide do you want your contents column to be?

    #299913

    devblog
    Member

    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.

    #299914

    rosclarke
    Member

    What browser do you use?

    #299915

    fairegarden
    Member

    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.

    #299916

    devblog
    Member

    OK, gimme some time, I’ll post as soon as I have something.

    #299917

    fairegarden
    Member

    Thanks, devblog, I will keep checking back. I really appreciate your help.

    #299918

    devblog
    Member

    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

    #299919

    fairegarden
    Member

    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.

    #299920

    fairegarden
    Member

    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?

    #299921

    rosclarke
    Member

    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?

    #299922

    fairegarden
    Member

    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.