Blog Comments Form

Store Design
, ,

Topic summary

A user seeks help customizing their blog comment form styling, specifically wanting to modify the title size, background color, and button text color. An attached screenshot shows the current form design.

Requested Changes:

  • Background color: white
  • Title “Leave a comment”: Noto Serif font, 14px
  • Button color: #111810

After the user shares their store URL (fufufragrances.com), a respondent provides custom CSS code targeting three elements:

  • Article comment wrapper background
  • Comment wrapper h2 font size
  • Submit button background color

Status: The discussion appears resolved with working CSS provided, though the user hasn’t confirmed if the solution was implemented successfully.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi, I would like to change the form size for the title and the background color, also for the text on button, could anyone help? if you can share the coding, thanks!

Screenshot 2025-05-12 at 11.09.58.png
Screenshot 2025-05-12 at 11.09.58.png1810×734 10.5 KB

2

Hi @fufu_f ,

If you can give collaborator access, I can make these changes. If you need further assistance happy to help, you can dm me anytime.

3

Hi @fufu_f

Please share me your store url & password (if applicable) then I will check & give you the best solution

4

could you able to share the code here?

5

I need you provide your store url to me can debug and check which class selector need to change the style. Please share it

6

https://fufufragrances.com/

7

so which one detail you want to change?

Only Post comment button?

BiDealDiscount_0-1747288961746.png
BiDealDiscount_0-1747288961746.png1204×810 27.9 KB

8

I would like to change the background in white, font style, size of title “leave a comment” in Noto serif, 14px and button color in #111810,

9

let try this Custom CSS:

article.article-template .article-template__comment-wrapper.background-secondary {
  background-color: #fff;
}
.article-template__comment-wrapper h2{
  font-size: 14px;
}
article.article-template .article-template__comment-wrapper.background-secondary input[type="submit"] {
  background-color: #111810;
}