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

Header background

Theme options - Custom CSS JS


Written by Annie

Last updated


On this page

This section helps you customize the theme with CSS or JS code. You can easily add the code here without having to search for the code file to configure. This will save you time.

From WordPress backend > The4 Dashboard > Theme Options > Choose Custom CSS, JS.


1. Custom CSS Style

  •  You can paste your CSS code here.

  • Please do not place any <style> tags in these areas as they are already added for your convenience.

For example, if you want to change the color of the title product on the product page, you can paste the code to Custom CSS Style the same this image below:




2. Custom JS Code

  • You can paste your Javscript code and Google Analytics Code here.

  • Do not place any <script> tags in these areas as they are already added for your convenience.


[Private Offer] EComposer Partner Plan

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

Cheers, The4.

We highly recommend Shopify apps from our partners.

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