WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Expand page width (2 posts)

  1. flat_webb
    Member
    Posted 4 years ago #

    Hi, complete wp newbie here so please be gentle :)

    My test site I'm working on is: http://www.flatwebb.ukfsn.org/Hindon/news/

    I'd like to expand the blog part of the page to be 855px in width to match the width of the upper portion, which I had already inserted into header.php. I've tinkered a bit already but the results were messy... Any help would be greatly appreciated :)

  2. ty
    Member
    Posted 4 years ago #

    On line 249 of style.css change in #page the width: 760px; to width: 855px;

    On the very next CSS element down, on line 258 of style.css, change in #header the width: 758px; to width: 853px;

    Further down on line 324, change in #footer the width: 760px; to width: 855px;

    Still further on line 583, change in #sidebar the margin-left: 545px; to margin-left: 640px;

    Then to finish the job you need to open the following files in GIMP or Photoshop or something you prefer to edit images. One file at a time, cut the image in half and move the right side over 95 px, copy a 95px wide rectangle piece from the right side of the left half of the image (the piece next to the open space you just created), paste the copied piece into the new open space in the middle of the image, resave each image and reupload them:
    http://www.flatwebb.ukfsn.org/Hindon/news/wp-content/themes/default/images/kubrickbg-ltr.jpg

    http://www.flatwebb.ukfsn.org/Hindon/news/wp-content/themes/default/images/header-img.php?upper=006633&lower=006633

    http://www.flatwebb.ukfsn.org/Hindon/news/wp-content/themes/default/images/kubrickfooter.jpg

    peace~

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.