text in #content getting chopped off

[closed]

(2 posts)

Tags:

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 2 years ago #
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 2 years ago #

Topic Closed

This topic has been closed to new replies.