Indent ALL Comments to the right a few pixels

Tagged: comments, indent, styling, styling comments

This topic has 3 replies, 2 voices, and was last updated 9 years, 4 months ago by Eric.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 14, 2013 at 8:59 pm #7404

hotsaucedaily
Customer

I would like to know how to “indent” all comments a few pixels to the right. Perhaps just an empty left border or space.
The floating social bar I’m using hangs over the left edge of the Comments just a bit. See screen shot below:

Live on my site:

http://hotsaucedaily.com/2013/09/09/bowers-chile-pepper-festival-2013-day-1-in-photos/#comments

September 15, 2013 at 1:21 pm #7413
Eric
Customer
You could add some padding to line 1867 in your css like this –
```
#comments, 
#respond {
    line-height: 1.5;
    overflow: hidden;
    padding-left: 20px;
}
```
Then adjust the number to what you’re comfortable with.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
September 16, 2013 at 3:07 pm #7440

hotsaucedaily
Customer

@Eric – thank you! Just what I needed.

I’m ever so slowly learning my way around css. Mostly I copy and paste from the css code of other sites I like.

I would like to next tackle styling the comments, such that mine (author) have a different look.
So I guess I would being styling this bit?
.bypostauthor { }

September 16, 2013 at 10:35 pm #7455

Eric
Customer

I actually have no idea how you would style a specific author. I don’t see any unique ID’s or Classes specified for the author…..I also don’t see anything relating to “bypostauthor”, so I’m not sure how to do that.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.