WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Altering Text and Content Width (7 posts)

  1. rivalin
    Member
    Posted 2 years ago #

    Hello all,

    I'm relatively new to CSS, but I've managed to customise my theme fairly well up until now, but I've run into a problem I can't seem to work out.

    I've managed to widen my header and footer and main content area, and align them, but I'm unsure as to how to widen/align post text, galleries and other content with equal margins on both sides. Basically I'm looking for the overarching setting that will get all my content on all the different pages of my site to align properly, either by widening it or centering it.

    The site is at http://titanthegame.org/wp/

    Can someone point me in the right direction as to what to do to fix this please?

  2. Ziv
    Member
    Posted 2 years ago #

    From what I understood it looks like you want to make everything move slightly to the right part of the screen. Is that correct?

  3. rivalin
    Member
    Posted 2 years ago #

    thanks for replying, yep that's correct, either by widening it to the right or moving across at the same width, whichever's easiest to achieve

  4. Ziv
    Member
    Posted 2 years ago #

    Ok gotcha. I am going to use margin-left for this. It's probably not the best way to do this, but it should get the job done and work fine.

    Try changing these lines to these pieces of code. Please let me know if it worked.

    line 289 to:
    #top div .slideshowBig{
    width:896px;
    height:400px;
    margin:30px 40px 0 60px;
    }

    line 820 to:
    #top .fullwidth .entry{
    margin-left: 20px;
    border-right:none;
    width:850px;
    padding:40px;
    }

    line 89 to:
    .content{
    margin-left: 20px;
    position: relative;
    float:left;
    width:600px;
    z-index: 3;
    }

  5. rivalin
    Member
    Posted 2 years ago #

    Tremendous!

    That worked just right, thanks very much.

    Just a quick question, which value should I change to slightly fine tune the position by a pixel or so here and there?

  6. Ziv
    Member
    Posted 2 years ago #

    You would want to edit the margin-left that I added to each new class/id.

    A reminder, margin-left pushes the div from the left(which moves it to the right) so if you decrease the amount it will move to the left, and if you increase it, it will move to the right.

    In line 289 you would want to change the 60
    So this part: margin:30px 40px 0 60px;

    And in lines 89 and 820 you would just want to change the margin-left: 20px;.

    Glad I helped :)

  7. rivalin
    Member
    Posted 2 years ago #

    That's great, really appreciate it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.