Widening a fixed width theme

  • Resolved Floyd3

    (@floyd3)


    14 years, 3 months ago

    Hello, I need to widen the post area of my theme a bit. I know that in doing so, I also need to widen the header and footer so it all looks the same.

    When I just changed all widths in the CSS from 800px to 900px, things started getting messed up and distorted unfortunately. (In the header for example, the logo got moved to a way different spot and looked messed up.)

    I thought it would be as simple as just widening all parts of the theme in the CSS, but it’s not.

    Please take a look at this page for an example: http://www.pinkfloydtabs.com/?p=97

    Notice how the first part of the post fits and looks like this, which is perfect:

    e--------------------------------------------------------------------
B-----18b(20)~--18--18b(20)~-----------------------------------------
G------------------------------------15--17--17b(19)--17--17b(19)~---
D--------------------------------17----------------------------------
A--------------------------------------------------------------------
E--------------------------------------------------------------------

    But the 3rd paragraph is longer and doesn’t fit correctly.

    This is why I need to widen it a bit.

    One solution would be to just make the text size of posts smaller, so it would all fit, but I’d like to keep the font size where it is, and instead just increase the post size area.

    Here is the link to my stylesheet:
    http://www.pinkfloydtabs.com/wp-content/themes/lyricsy/style.css

    Can anyone point me in the right direction of some code I can add or what width’s need to be changed so that I can increase the post area size, without it messing anything else up?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Floyd3

    (@floyd3)

    14 years, 3 months ago

    Does sometimes code need to be removed or added, in addition to just changing the width px?

    Thread Starter Floyd3

    (@floyd3)

    14 years, 3 months ago

    I wish I could edit the first post, it was probably more long-winded than necessary, lol. All I’m really wondering is how to widen a fixed width theme. Does it usually just take tinkering with the width px’s in the CSS till you get it right, or is there usually more to it than that? Like removing/adding of code, etc.?

    Cheers,
    Floyd3

    Thread Starter Floyd3

    (@floyd3)

    14 years, 3 months ago

    SOLVED!

    Took me FOREVER to figure this out, but for those that might come across this post in the future, you have to edit the width of the images too! lol

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Widening a fixed width theme’ is closed to new replies.