8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

How Do I Add (Or Increase) the Padding?

by mrniceguy123
7 replies
  • WEB DESIGN
    • |
How do I go about adding padding to the left side of the middle portion of this site/page?

I analyzed the page in Firebug, but it's hard for me to tell where exactly in the style.css I need to go to make the change.

Thanks in advance for your help.
#add #increase #padding
  • Profile picture of the author David V
    In style.css line 1750.

    HTML Code:
    .art-post {
padding: 5px;
}
    {{ DiscussionBoard.errors[8107707].message }}
    • Profile picture of the author mrniceguy123
      Originally Posted by David V View Post

      In style.css line 1750.

      HTML Code:
      .art-post {
padding: 5px;
}
      Thank you soooo much! How were you able to figure out that that was the right place to modify? I want to get better at finding these things myself.
      {{ DiscussionBoard.errors[8109895].message }}
      • Profile picture of the author Patrick
        Originally Posted by mrniceguy123 View Post

        Thank you soooo much! How were you able to figure out that that was the right place to modify? I want to get better at finding these things myself.

        Firebug (firefox) Inspect Element (Chrome, Safari)
        Signature
        Freelance WordPress Developer | Free WordPress Themes | Free WordPress Plugins | Free WordPress Support
        {{ DiscussionBoard.errors[8109897].message }}
      • Profile picture of the author David V
        Originally Posted by mrniceguy123 View Post

        Thank you soooo much! How were you able to figure out that that was the right place to modify? I want to get better at finding these things myself.
        All developer tools whether Firefox w/firebug addon, Chrome developer tools (my preference), or any others will all indicate the stylesheet name and line # as your browsing the code.

        Do a search on google or youtube and you'll find a ton of how-to's on usage.
        Knowing where to apply the padding really isn't about the tool as much as understanding WordPress and the typical structure.
        Since I already knew where to look, the tool just told me what line# you needed.
        {{ DiscussionBoard.errors[8110310].message }}
  • Profile picture of the author Turfhosting
    Originally Posted by mrniceguy123 View Post

    How do I go about adding padding to the left side of the middle portion of this site/page?

    I analyzed the page in Firebug, but it's hard for me to tell where exactly in the style.css I need to go to make the change.

    Thanks in advance for your help.
    The above post is correct. Alternatively you can add the style directly to the html code with
    style='padding:5px;'
    Also you can define where the padding is by using any of these commands:
    style='padding-left:5px;'
    style='padding-right:5px;'
    style='padding-bottom:5px;'
    style='padding-top:5px;'
    Signature
    Turf Hosting - Quality Shared, Reseller, and VPS Hosting! Current Promotion: Half off your first year, and get a FREE DOMAIN for LIFE!! Originally $35/yr. NOW $22.50 for your first year with coupon code: 35OFF-YEAR

    Varcoe Design - High quality web designer for hire!
    {{ DiscussionBoard.errors[8108688].message }}
  • Profile picture of the author mrniceguy123
    Yeah I tried using that, and it usually works. In this instance, since there wasn't anything for me to really select, I didn't know how to tell Firebug to inspect that area of the page.

    Normally, I have some words or images to select when I'm inspecting. I guess I just didn't know how to tell Firebug to inspect that portion of the page...
    {{ DiscussionBoard.errors[8109909].message }}
  • Profile picture of the author Patrick
    The "figuring out" part depends on how much you have used Firebug....
    Signature
    Freelance WordPress Developer | Free WordPress Themes | Free WordPress Plugins | Free WordPress Support
    {{ DiscussionBoard.errors[8109927].message }}

Trending Topics