Category Blog View Padding

[standardanomaly]

I’ve been using the following custom CSS to make my Blog look correct:

.blog .entry-featured {
width: 50%;
margin:25px auto;
}
.blog .entry-content {
padding-left: 5%;
padding-right: 5%;
}
.blog .entry-title {
padding-left: 5%;
padding-right: 5%;
}

However, now I need to split the Blog into 2 different Blogs, so I’m using category slugs to directly link to each different Blog (e.g. website.com/category/category-name/). Neither category is affected by the aforementioned CSS. How do I target the category’s “page” specifically?

[ruenel]

Hello There,

Thanks for writing in! Your code will only affect the blog index page. It will not be applied to the archive pages like the category page. To be able to use it in the archive pages, please have it updated and use this code instead:

.blog .entry-featured,
.archive .entry-featured {
	width: 50%;
	margin:25px auto;
}

.blog .entry-content,
.archive .entry-content {
	padding-left: 5%;
	padding-right: 5%;
}

.blog .entry-title,
.archive .entry-title {
	padding-left: 5%;
	padding-right: 5%;
}

We would loved to know if this has work for you. Thank you.

[standardanomaly]

This worked swimmingly. I knew there was a simple way to do it, but I just couldn’t remember or seem to find it in the search (the terms “category”, “blog”, “post”, and “padding” are everywhere on this forum, so the search feature wasn’t very useful for zeroing in on my specific simple issue). Thank you for your help!

[basanta]

you are most welcome!

Thanks