• Resolved marginwalker

    (@marginwalker)


    My blog postings look a tad untidy as I feel the text alignment is not neat enough. The text stretch to far across the page.

    What should I edit to fix this?

Viewing 15 replies - 1 through 15 (of 15 total)
  • Edit your stylesheet which is in /wordpress-location/wp-content/themes/your-theme and its called style.css or something similar (ends with .css).

    Find out what defines the width and change it (search for width: or something)

    Thread Starter marginwalker

    (@marginwalker)

    Which part of that file though?

    Link?

    Thread Starter marginwalker

    (@marginwalker)

    Well, you chose (made?) a screen-wide theme, they all look like that.
    You can try to play with the line in your stylesheet that says:
    #container {
    width: 100%;
    etc.}

    See if giving it a smaller value would help or not.
    WARNING! Untested, may break your layout 🙂

    Thread Starter marginwalker

    (@marginwalker)

    Thank you!

    Thread Starter marginwalker

    (@marginwalker)

    Just a quick question: How do I make sure the width does not move about whenever the Firefox or IE window is resized?

    Thread Starter marginwalker

    (@marginwalker)

    bump.

    Anyone able to assist?

    What do you have set as your width now? Presumably all you did was change the 100 to some other number, but leaving the % sign. This means that it will be X% wide as the screen. Example if it says 50% then it will use half of the screen. If you want it to be a static width, then you need to change it to something that won’t change with the window size or resolution. That would mean changing the % to px. BUT… if you do be sure to use a number much bigger than 100 (like 782 for instance). View the changes and make it wider or narrower as desired.

    -tg

    A position:absolute command here to keep the width static?

    Thread Starter marginwalker

    (@marginwalker)

    I had it at 70% but it looked dire on IE (fine on FF )

    Now it is:

    #container{
    position: absolute;
    width: 100%;
    background-color:#FFFFFF;

    So lets say I want it ar around 65%. Which px value should I go for?

    OK… you can have it one way or the other. You CANNOT do both. It’s either static (same width in all browsers even if resized.) or it’s fluid (based on the browser’s window size.)

    So which is it? Which do you want? The sime size in all browsers, no matter how big or small their window is? Or do you want it to expand/contract as the user resizes their window?

    -tg

    Thread Starter marginwalker

    (@marginwalker)

    I feel that the best way would be static.

    Change 100% to some thing like 800px… then make it wider (greater than 800) or narrower (less than 800) until it’s the way you like.

    Suggestion: change it by values of 50 at first…. then use finer (smaller) adjustment numbers to fine tune once you get it in the neighborrhood.

    -tg

    Thread Starter marginwalker

    (@marginwalker)

    Superb. Thanks for the help!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘How do I shorten the width of my blog?’ is closed to new replies.