7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Need help fixing wordpress text margins...

by wildlifer
6 replies
  • WEB DESIGN
    • |
I am trying to upload content to wordpress but the "full-width" page template is not working properly.

The text goes all the way to the border. On the default template the margins are fine. You can see the bad margins here:
Bill Payment Updated | First Payment

Can you help me adjust the css code so it looks good? I tried using firebug, but I am not skilled enough to find the code that needs to be fixed.

Thanks

p.s. I know the current wordpress theme sucks. I am just looking for a workaround method until we update to a new website.
#css #fixing #margins #text #wordpress
  • Profile picture of the author buzilla
    Looks more like a problem with the HTML markup rather than the css. Your css uses this grid system http://grids.heroku.com/ which requires the following markup:

    HTML Code:
    <div class="container container_12">			
<div class="grid_12">
<p>Your Content</p>
</div>
</div>
    {{ DiscussionBoard.errors[8095313].message }}
  • Profile picture of the author RobinInTexas
    The theme you are using is old and dated. You would be better off using the default TwentyTwelve theme and adjusting it to your liking.

    Anything you fix to work with the existing theme will go away when you replace the theme.
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8095871].message }}
    • Profile picture of the author wildlifer
      Thanks for the input everyone!

      I used what buzilla said and it worked. thanks
      {{ DiscussionBoard.errors[8097061].message }}
  • Profile picture of the author CalcoMedia
    Hi Wildlifer,

    You can try this:

    ** Edit your stylesheet style.css
    ** Create a new rule like this:

    Code:
    #post p {
padding: 0 10px;
}
    Where I put 10px you can write the padding you want (same padding right and left).

    Hope this solve your problem!
    {{ DiscussionBoard.errors[8097045].message }}
    • Profile picture of the author annaharris
      Originally Posted by CalcoMedia View Post

      Hi Wildlifer,

      You can try this:

      ** Edit your stylesheet style.css
      ** Create a new rule like this:

      Code:
      #post p {
padding: 0 10px;
}
      Where I put 10px you can write the padding you want (same padding right and left).

      Hope this solve your problem!
      This code is working perfectly, thank you for reply.
      {{ DiscussionBoard.errors[8098751].message }}

Trending Topics