Support » Themes and Templates » Altering Text and Content Width

  • Resolved rivalin


    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

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • From what I understood it looks like you want to make everything move slightly to the right part of the screen. Is that correct?

    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

    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{
    margin:30px 40px 0 60px;

    line 820 to:
    #top .fullwidth .entry{
    margin-left: 20px;

    line 89 to:
    margin-left: 20px;
    position: relative;
    z-index: 3;


    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?

    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 🙂

    That’s great, really appreciate it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Altering Text and Content Width’ is closed to new replies.