Archived topic
Customize the look of the comments section with Jetpack
5 replies · Started by Math on February 16, 2022
Hi,
I was looking to customize the appearance of the comment box by Jetpack, but the CSS changes I make on the Child Theme don't seem to be applying on my site.
#respond #comment-form-comment textarea {
font-size: 16px !important;
}Am I doing something wrong?
Hi Math,
Try this first:
#respond form * {
font-size: 16px;
}if it doesn't work, add !important to it.
Let me know :)
Btw I love your site!
Hi Ying,
I tried that as well. It seems any changes I apply to the comment box from Jetpack are being overridden by the default CSS.
Thank you for the compliment about my site :)
Hi there,
the JetPack comment form is displayed in an iFrame that is served from the jetpack server.
And you cannot use local styles to override a 3rd party iframe. You would have to address the styles with Jetpack.
That's unfortunate. Thanks for letting me know.
You're welcome
