Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

COLORS

Mie Tran

Written by Mie Tran

Last updated

1801 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

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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