Blog Comments Form

Solved

Blog Comments Form

fufu_f
Tourist
7 0 2

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

Accepted Solution (1)
BiDeal-Discount
Shopify Partner
797 107 180

This is an accepted solution.

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;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Replies 8 (8)

Emre_SecretHero
Shopify Partner
28 2 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.

- Helpful? Like & Accept the solution!
-  SecretHero: Boost Shopify store sales & loyalty through gamified experiences with the power of mobile games.
-  Launching in June! Subscribe now on our waitlist for early access.
- Questions? Reach me at serhat@secrethero.io or LinkedIn: Serhat Emre Cebeci

BiDeal-Discount
Shopify Partner
797 107 180

Hi @fufu_f 

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

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
fufu_f
Tourist
7 0 2

could you able to share the code here?

BiDeal-Discount
Shopify Partner
797 107 180

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

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
fufu_f
Tourist
7 0 2
BiDeal-Discount
Shopify Partner
797 107 180

so which one detail you want to change?

Only Post comment button?

BiDealDiscount_0-1747288961746.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
fufu_f
Tourist
7 0 2

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, 

BiDeal-Discount
Shopify Partner
797 107 180

This is an accepted solution.

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;
}
- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp