DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
World desk2 min

Hostinger AI Builder: How to Change Text Color in a Manual-Mode Online Store

Use Edit section → Style to change text color across Hostinger store product sections. Learn which elements it affects and when to use dedicated controls or CSS.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In Hostinger AI Builder manual mode, change store text color by selecting the product section, choosing Edit section → Style, and adjusting Text color. That control applies to several text elements at once; ribbons, Add to Bag buttons, and individual product-description formatting have separate controls.

Change text color in a product list

  1. In the editor, select the online-store product-list section.
  2. Choose Edit section, then open Style.
  3. Set Text color. Hostinger documents this setting as applying to product titles, prices, and pagination buttons. The sale price remains a lighter shade than the original price. See Hostinger’s manual-mode text-color instructions.

Ribbon text and background colors are controlled separately in the Ribbons tab. The Add to Bag button also has its own styling control, so changing section text color will not replace those settings.

As an Amazon Associate I earn from qualifying purchases.

Change text color on a product page or single-product section

To open product pages, use the editor’s Online store → Product pages panel, as described in Hostinger’s manual-mode product-page guide. You can also edit a single-product section where it appears in the site.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  1. Select the relevant single-product section and choose Edit section.
  2. Open Style and adjust Text color.

Hostinger says this setting affects the product title, subtitle, price, product options, and description. As in product lists, a sale price remains lighter than the original price. Use the Button tab for Add to Bag button styling rather than the general text-color control.

Format a product description on its own

If you want to change only the description’s formatting, edit the description field in product management and use its text editing tools. This is the documented route for description-specific styling; the section-wide Style control changes multiple product text elements together. Hostinger’s product-sections guide provides additional context on the available section settings.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Use CSS for an individual product title or subtitle

The built-in Text color setting applies to several elements at once. For a separate color on a product title or subtitle, Hostinger documents CSS as an optional advanced customization. Replace #HEXCOLOR below with your chosen color value, then add the rule through the site’s custom-code integration settings.

  • Product-list title: .product-list-item__title
  • Single-product title: .block-product__title
  • Single-product subtitle: .block-product__subtitle

For example, the rule format is .product-list-item__title { color: #HEXCOLOR; }. Use the selector matching the view you want to change; these are distinct selectors, not interchangeable names. Hostinger’s text-color guide documents the selectors and custom-code route. Its instructions are for manual mode, and the available behavior is not established for every builder version.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute