in wordpress

Fix Disqus plugin css in WordPress TwentyFifteen Theme

The new WordPress Twenty Fifteen theme is pretty nice. But if you’ve just activated this theme and you’re using Disqus as a comment system, you might have noticed the comments don’t look right:

To fix Go to Appearance > Edit CSS:

Then copy/paste the following CSS into the window:

div#disqus_thread {
padding: 3% 10%;
background-color: white;
margin: 3% 0;
box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
@media screen and (min-width: 38.75em) {
div#disqus_thread {
margin: 3% 7.6923%;
}
}
@media screen and (min-width: 59.6875em) {
div#disqus_thread {
margin: 3% 8.3333%;
}
}
 
div#disqus_thread {
 padding: 3% 10%;
 background-color: white;
 margin: 3% 0;
 box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
 
@media screen and (min-width: 38.75em) {
 div#disqus_thread {
 margin: 3% 7.6923%;
 }
}
 
@media screen and (min-width: 59.6875em) {
 div#disqus_thread {
 margin: 3% 8.3333%;
 }
}

Save it, and take a look at your post again.