How to use Global Styles to customize styles to use for all Ecombe pages

Overview

In this article we will introduce global theme style, its functions and how to use it to easily synchronize styles in your store.

What is Global theme style?

Global Theme Style is a unified styling system applied across all pages created with LayoutHub. It works with a similar logic to Shopify’s theme settings, ensuring your entire site stays visually consistent.

Global Theme Style includes three main style groups:

• Colors

• Typography

• Button Style

Typography and Button Style can work independently on Desktop, Tablet and Mobile.

[ screenshot ]

How to access Global theme style?

Steps:

1. Click Functions on Shopify side bar to access Functions.

2. In Functions click Manage to access Global theme style.

Why I need Global theme style?

By using Global Theme Style, you can easily maintain a cohesive design throughout your store. Any changes you make such as updating fonts, adjusting colors, or modifying button style will automatically apply to all pages using the same theme style, helping you save time and keep your branding consistent.

How to use Global theme style?

To learn more about how to use the Global theme style features, please check these Articles

How set set color in Global theme styleHow to setup typography in Global theme styleHow to setup Button design in Global theme style

Have a question?

Contact us via in-app live chat. We'll reply in few minutes.