Recommended Free Tools
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
In Hostinger AI Builder manual mode, select the product section, choose Edit section → Style, then change Text color. This section-wide setting affects several product text elements at once. Product descriptions, ribbons, buttons, and individual title or subtitle colors may need separate controls.
Change text color in a product-list section
- In the editor, select the online-store product-list section.
- Choose Edit section, then open Style.
- Change Text color. Hostinger says this setting applies to product titles, prices, and pagination buttons. A sale price remains a lighter shade than the original price.
For ribbon colors or the Add to Bag button, use their dedicated controls instead of the general text-color setting. See Hostinger’s manual-mode text-color instructions.
Change text color on a product page or single-product section
- Open the relevant product page or section. To find product pages, go to Online store → Product pages in the editor.
- Select the product section and choose Edit section.
- Open Style and change Text color. Hostinger documents this setting for the product title, subtitle, price, options, and description.
A sale price stays lighter than the original price here, too. For Add to Bag styling, use the Button tab. Hostinger’s product-page customization guide covers the page path and section controls.
Change only a product description
If you want the description to have a different color from the other text in a product section, open the description field in product management and use its text-editing tools. This is different from changing the section-wide Text color, which affects multiple product text elements.
#1 Best Overall
Set a different color for an individual title or subtitle with CSS
Hostinger documents custom CSS as an optional advanced way to set individual product title or subtitle colors. Match the selector to the text and view you want to change:
| Text to target | CSS selector |
|---|---|
| Product-list title | .product-list-item__title |
| Single-product title | .block-product__title |
| Single-product subtitle | .block-product__subtitle |
Use the chosen selector in a CSS rule with your desired hex color, replacing the sample value in Hostinger’s examples. Add the CSS through the website’s custom-code integration settings. The selector matters: a product-list title and a single-product title use different selectors. For Hostinger’s examples and instructions, see its text-color guide.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Which control should you use?
| What you want to change | Use this control |
|---|---|
| Several text elements in a product list or single-product section | Edit section → Style → Text color |
| Product description only | Description field’s text-editing tools in product management |
| Ribbon text or background | Ribbons tab |
| Add to Bag button | Its dedicated button control; on a single-product section, use the Button tab |
| One product title or subtitle | Optional custom CSS using the selector for that view |
These steps and selectors are for Hostinger AI Builder manual mode as described in Hostinger’s help pages. The documentation does not establish that controls or selectors behave identically in every builder version. For an overview of product-list and single-product sections, see Hostinger’s manual-mode product-section guide.
Quick Recap
Rank #4
- Used Book in Good Condition
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
