WoodMart As a powerful WooCommerce theme, there are flexible color and font control panels that allow sites a high degree of customization while maintaining a uniform tone. The following article will take you step-by-step through the process of color matching andfont settingYou don't need to write code to realize the exclusive style that belongs to your brand.

I. Enter the theme settings panel

The first step is to open the theme settings:

1. Login to WordPress Backend
2. Click on [WoodMart] in the left menu
3. Select [Theme Settings] to enter the theme settings interface.

This is the core area for all appearance controls, including colors, fonts,header and footer,Button Styleetc. settings.

II. Adjustment of the site-wide color scheme

Select [Colors] in Theme Settings and you will see several color controls.

1. Primary color setting (Primary Color)

Primary colors are used for buttons,link (on a website), event labels, and other highlighted elements. It is recommended to choose colors that are consistent with your brand, such as branded blue, branded red, etc.

• Go to Colors > Primary color
• Enter the color code or use the color swatch to select the color you want.
• Click [Save Settings] after making changes

2. Background and text color

You can set them up separately:

• Page background color (Background)
• Link color (Links)
• Link Hover Color (Hover)

• Text color can be found in theTypographyset up in

Make the site more coherent and easier to read by tweaking the details.

Third, set fonts and typographic style

Font selection is also in the same theme panel:

1. Go to the [Typography] module
2. Fonts can be set individually for different areas, including:
   • Text font (body text)
   • Title font (title)
   • Custom fonts (custom areas)

1. Text font setting

• Typography > Text font
• Select fonts provided by Google Fonts
• Setting font size, line height, font weight, etc.

Simple and clear fonts are recommended, e.g. Inter, Roboto, Lato, Noto Sans.

2. Title font settings

• Typography > Headings
• Different levels (H1-H6) can be individually set font, size, thickness

You can choose more stylized fonts for headlines, such as Playfair Display, Montserrat, etc., to enhance the visual hierarchy of the page.

summarize

WoodMart theme settings are flexible enough, but if you want to customize some colors or fonts that can't be set in the backend, you can use thesubthemeAdd custom CSS so you don't lose your changes even when the theme is upgraded. WoodMart's color and font settings are flexible and intuitive, making it easy to create a beautiful, recognizable e-commerce site with no design experience.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off