Change code from affecting 1 blog post to all blog post pages

Hello,

Currently im having the issue that the code im using to style my blog post page only applies to 1 blog post and i cant figure out how to either make it apply to more than 1 page (except copying all the code and putting the different page id in) nor how to just make it apply to all pages that count as blog posts.

Code example:

#top.postid-1108 .av_three_fifth{
	background-color: white !important;
	width: 100% !important;
	padding: 0.5% 4% 0% 2%
}
#top.postid-1108 .av_one_half{
	background-color: white !important;
	padding: 8% 8% 6% 8% !important;
	width: 125% !important;
	margin: 0 auto;	
}
@media only screen and (max-width: 1290px) { 
#top.postid-1108 .postid-1106 .postid-1104 .postid-1102 .postid-1079 .postid-1075 .av_three_fifth {
	background-color: white !important;
	width: 130% !important;
	padding: 0.5% 4% 0% 2%
	}
#top.postid-1108 .postid-1106 .postid-1104 .postid-1102 .postid-1079 .postid-1075 .av_one_half{
	background-color: white !important;
	padding: 12.2% 8% 6% 8% !important;
	width: 163% !important;
	margin: 0 auto;	
	} .iconsforblog {
		float:left;
		margin-left:30%;
	}
}

(i know having multiple “.postid” in 1 doesnt work)

Also, are there any suggest blog posts plugins incase this doesnt work?

• This topic was modified 4 years, 7 months ago by AEffekt.