WordPress.org

1. rivalin
   Member
   Posted 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months ago #
   

   That's great, really appreciate it.

Reply

You must log in to post.