SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2012
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to set left align for my whole website

    Hi all,

    I am using a free wordpress theme template, I would like to shift the whole website to the left instead of it centering. How do I go about doing it?

    Here is the link to the website.

    Thank you once again.

  2. #2
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,376
    Mentioned
    71 Post(s)
    Tagged
    1 Thread(s)
    Here is your answer.

    Remove the margin property on the #innerrim found in your CSS of the document. The CSS appears not to be linked to an external CSS file. If you want to make things easier for yourself, and you're unsure how to work with CSS. You can overide it in your CSS external file (style.css) like this:
    Code:
    html body #innerrim {margin:none;}
    which in theory should work.

    Overides are a bad practice as they aren't the best of methods, they go against web optimization. However, if you are unsure how to remove this, or is part of a plug-in then you might be left with no other choice.

    Hope this helps.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Location
    Utah
    Posts
    48
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Sega View Post
    Here is your answer.

    Remove the margin property on the #innerrim found in your CSS of the document. The CSS appears not to be linked to an external CSS file. If you want to make things easier for yourself, and you're unsure how to work with CSS. You can overide it in your CSS external file (style.css) like this:
    Code:
    html body #innerrim {margin:none;}
    which in theory should work.

    Overides are a bad practice as they aren't the best of methods, they go against web optimization. However, if you are unsure how to remove this, or is part of a plug-in then you might be left with no other choice.

    Hope this helps.
    Yep this will remove the center, but I noticed that there is also a .padder class that is giving it a padding of 20px. Setting this to 0 with the #innerrim will get it all the way to the left.

  4. #4
    SitePoint Enthusiast
    Join Date
    Apr 2012
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Sega and webexp, thank you for the answers but it seems I am unable to get what I wanted. I tried inserting them into the stylesheet. are the codes that I have implemented correct?

    Code:
    html body #innerrim {margin:none;}
    #padding{
    padding:0;
    }

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    No, that should read:

    Code:
    html body #innerrim {margin:0; padding: 0;}
    ... although all you really need to do is remove

    Code:
    #innerrim {
      margin: 0 auto;
    }

  6. #6
    SitePoint Enthusiast
    Join Date
    Apr 2012
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    No, that should read:

    Code:
    html body #innerrim {margin:0; padding: 0;}
    ... although all you really need to do is remove

    Code:
    #innerrim {
      margin: 0 auto;
    }
    Thanks for the help again Ralph.!

  7. #7
    Non-Member spaculus's Avatar
    Join Date
    Mar 2012
    Location
    Vadodara
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you must set the following css for your mail id of class.

    #idname or class name{
    margin: 0 auto;
    }

    This css automatically set your site at the center of your screen.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •