WordPress.org

1. Requiem069
   Member
   Posted 3 years ago #

   I've been trying to make my WordPress "Classic" theme have a fixed width, instead of it stretching all the way across the screen. Does anyone know how I can do this? Any help is appreciated!

2. moshu
   Member
   Posted 3 years ago #

   The possibility is there... you have a <div id="rap"> starting in the header.php and ending in the footer.php.

   Define the width of the
   #rap {width: XXXpx;}
   in the stylesheet.

   No guarantees, but it may work.

3. Requiem069
   Member
   Posted 3 years ago #

   Hmmm.. I tried it, but it didn't work.

4. Requiem069
   Member
   Posted 3 years ago #

   It does shrink the main content part, but it doesn't do anything to the far right sidebar, it's still on the far right. Also I need to find a way to center the entire thing, the main content part is all the way on the far left.

5. moshu
   Member
   Posted 3 years ago #

   Why don't you get a theme that already does what you want?
   Scroll up > Extend > Themes...

6. Requiem069
   Member
   Posted 3 years ago #

   Well, I was looking for one that is similar to Kotaku, since I liked the set up on that one, very clean. I've looked through a ton of themes, and have'nt found any that are similar to that in style.

7. hazelbug
   Member
   Posted 3 years ago #

   I had to work to make this fixed for my company as they had already set everything up in it.

   Doing the rap didn't work for me, but this is what I did.

   In the style sheet:

   I put a fixed px width for the body tag.

   The sidebar already is positioned absolute, but it doesn't have a px placement for the left side so I added that (ie left: 860px;)

8. hazelbug
   Member
   Posted 3 years ago #

   Sorry, I forgot to say that I also added this to the body tag:

   position: relative;
           margin-left: auto;
           margin-right: auto;

9. kmessinger
   Member
   Posted 3 years ago #

   My site uses the classic and is a fixed width. In the style sheet I changed #headerimg, #page, #header, #footer to a fixed width.

   I changed #sidebar and widecolumn to add up to the fixed width.

   The position of the widecolumn is done here as I recall

   .widecolumn {
   	padding: 0px 0px 0px 0px;
   	margin: 0px 0px 0px 100px;
   	width: 700px;

Topic Closed

This topic has been closed to new replies.