ThemeShaper Forums » Thematic

[closed]

text in #content getting chopped off

(2 posts)
  • Started 3 years ago by jamis
  • Latest reply from jamis
  • This topic is resolved
  1. jamis
    Member

    I've created a child theme based on 2-c-l-fixed.css

    I want to run a red, vertical rule down the right side of #main, and I want to keep the text in #content from running into the rule. I've tried:

    #content {
    margin-right: 20px;
    }

    and

    #content {
    padding-right: 20px;
    }

    Neither does anything to reduce the width of #content.

    I've tried reducing the width of #content from the 620px width in 2-c-l-fixed.css:

    #content {
    border: 1px dashed red;
    background-color: #ff9;
    width: 580px;
    }

    . . . and the text gets cut off.

    2-c-l-fixed.css has this declaration:

    #content {
    overflow: hidden;
    }

    So I tried changing it to "overflow: visible"

    #content {
    border: 1px dashed red;
    background-color: #ff9;
    width: 580px;
    overflow: visible;
    }

    . . . and the text in #content runs all the way to my red, vertical rule.

    I've also tried changing the width and placement of #container, but couldn't find a solution.

    Does anyone have a clue what I can do to put some space to the left of the red, vertical rule?

    My child theme is not live yet, but I have posted a screenshot with annotation.

    Thanks for the help!

    Posted 3 years ago #
  2. jamis
    Member

    Figured it out after a lot of trial and error. If width of #content is reduced, .hentry must also be reduced to the same number. This is all the code that was needed:

    #content, .hentry {
    	width: 585px;
    	}
    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.