SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

COLORS

Mie Tran

Written by Mie Tran

Last updated

5464 views

On this page


From Theme settings -> COLORS

7.webp

Notice: In this Setting, you will see Connect dynamic source options next to them. That is Shopify's feature so We are not involved and will not support any issue related to them.

1. General

You are allowed to change the colors of any sections on your store.

Heading: You can change Heading of some sections like: Product form, Filter, Sidebar collection, Layout switch, ...

Body text: You can change the text color of your store.

Primary: You can change the color when hover to Blog tilte, Add to cart button, Filter, Sortby,...

Secondary: You can change color of Sub title, border Quantity, Wishlist, Compare, Product meta, ...

Loading Bar: You can change color of the Loading bar on the top when your page is loading.

Lines and border: You can change color of the Line on the top and Swatch border at Collection page.

Lines and borders primary: You can change color of Swatch border at Collection page when you hover.

Price primary color: You can change color of Product price in Frequently Bought Together feature or Size chart, Delivery, Ask

Price secondary color: You can change color of Product Compare at price in Frequently Bought Together feature or Size chart, Delivery, Ask

Let see an example:

2. Links, Buttons

You are allowed to change the color of Links and Buttons on your store.

Link color: You can change color of the Links on your store.

Link color hover: You can change color when hover to the Links on your store.

Button background: This option allow you to change the Background color for Button in HTML code that you add to your store.

Button color: This option allow you to change the text color for Button in HTML code that you add to your store.

Let see an example:

3. Lazyload Icon

You are allowed to change the color and Cusom Icon Lazyload.

Let see an example:

4. Tooltip

You can change color for background and text.

image (11).png

5. Swatch product

You are allowed to change the color of Swatch product.

 8.webp

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.