Product Page Theme Colours

This topic has 3 replies, 2 voices, and was last updated 2 months ago by Aizaz Imtiaz Awan.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 30, 2026 at 9:43 am #717262

KevCh8
Participant

Hi

on this page as an example: https://teknifi.co.za/product-category/moving/sandton/ I would like to change the colors of the pages as seen in screenshot. How do I change the following color on: page color, heading colors, category colors.

Also I do I change my global color settings as I want to change the green font to a different color? I have tired Elementor Editor, Woodmart -> Theme Settings -> Styles and Colors and cannot change the green fonts to a different color.

April 30, 2026 at 2:50 pm #717297

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

You’re not seeing the green color change because the entire site is using Elementor’s global‑color variables from “kit‑8”.
https://elementor.com/help/view-and-edit-global-colors/

To disable Elementor global colors/fonts and use your theme colors instead:

Navigate to Elementor > Settings > General > Check Disable Default Colors and Disable Default Fonts > Save.
https://elementor.com/help/disable-elementors-default-fonts-and-colors/

Best Regards

April 30, 2026 at 3:56 pm #717309

KevCh8
Participant

Hi

Thank you. I followed your steps to the Global Colors -> Customization – After clicking on the “Customize” it takes me to this page: https://teknifi.co.za/wp-admin/post.php?post=45&action=elementor&active-tab=global-colors#e:run:panel/global/open

I cannot get to the next steps as per your screenshot

Attachments:
You must be logged in to view attached files.

May 1, 2026 at 9:36 am #717338

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

Please click on the site settings and change the global fonts as per this documentation:
https://elementor.com/help/view-and-edit-global-colors/

To disable elementor font on your site, Navigate to Elementor > Settings > General > Check Disable Default Colors and Disable Default Fonts > Save and use our theme colors from Theme Settings > Typography.
https://elementor.com/help/disable-elementors-default-fonts-and-colors/

Best Regards
Author

Posts