Cutline Theme Support Forums » Cutline Theme Support Forums

Add left padding to entry width

(5 posts)
  • Started 4 years ago by relaxedguy
  • Latest reply from goffin
  • This topic is not resolved

  1. First, it would be nice if there was a search feature here, I looked around for a while and didn't see an answer to my Q so here it goes.

    On my blog, http://onlinedatingpost.com/, when the browser is not wide enough, the left margin for entries in the 3-column version bumps right up against the left edge of the browser. For people on laptops, this doesn't look good.

    How do I ad 20 pixel margin or padding so that the text is pushed away from the edge of the browser?

    Posted 4 years ago #
  2. Bump, anyone? This seems like such a simple fix- need more padding on the left side of the content box in the 3-column version (both on right side) of 1.1 cutline.

    Posted 3 years ago #
  3. In your style.css find this line:
    #content { width: 480px; padding: 0 10px 0 0; float: left; }

    Change it to this:
    #content { width: 480px; padding: 0 10px 0 10px; float: left; }

    10 px is just a suggestion, but you can make it whatever value works for you.

    Alex

    Posted 3 years ago #
  4. I found that and tried the change, thanks. Now the rightmost column shifted under the leftmost column (the columns are supposed to be side-by-side.)

    I had the width set at 480px, not sure if that because I'm still on Cutline 1.1, perhaps I should upgrade to latest version before continuing.

    I am trying to add up the widths of the columns and see where the problem is happening, but can't seem to id the problem. Speaking of ID's, there are two identical ones in cutline 1.1, I need to fix that as well (see other question I posted about this.)

    In a perfect world I'd like to reduce the width of the entire page. 970 px is crazy on a laptop.

    When will template page widths be managed in the Widget admin area? That would be spectacular, as opposed to staring at CSS Edit trying to guess what is affecting which widths, a total nightmare for the uninitiated.

    Posted 3 years ago #
  5. Wow, 970 is crazy! I have mine at 900.
    You have to take all widths into consideration, including padding and margins.
    You could shave off a few px from your content and/or sidebars to compensate for the added padding.
    I know it's no fun editing CSS. I've spent hours getting my theme the way I want it.
    But when it's done, there's a good sense of satisfaction, and I learned something in the process.
    If you use Firefox, there's a neat web development toolbar that really helped me out with my edits.
    https://addons.mozilla.org/en-US/firefox/addon/60
    You can checkout my site: http://greatinfotips.com/
    I do the geek impaired admin stuff, but my lady provides the content.

    Alex

    Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.