---
title: Custom CSS/JS Code Settings
description: "Add custom **CSS or JavaScript** to apply advanced styling or trigger scripts based on specific events. This helps you enhance your store’s appearance and enable tracking or custom functionality. ## Step-by-Step Guide ### **Step 1: Open General Settings** From your…"
url: "https://preorder-guru.webframez.com/docs/custom-css-js-code-settings/"
updated: "2026-03-25"
category: Miscellaneous
---

# Custom CSS/JS Code Settings

Add custom **CSS or JavaScript** to apply advanced styling or trigger scripts based on specific events. This helps you enhance your store’s appearance and enable tracking or custom functionality.

## Step-by-Step Guide

### **Step 1: Open General Settings**

From your Shopify admin:

- Go to **Apps → PreOrder Guru**
- Click on **General Settings**

---

### **Step 2: Navigate to Custom CSS/JS Code**

- Click on it to proceed
- Scroll to find the **Custom CSS/JS Code** section

![](https://preorder-guru.webframez.com/wp-content/uploads/2025/06/image-27-1024x526.png)

---

#### **Custom CSS**

Style your store components as needed using custom CSS.

> ⚠️ **Important:** Use `!important` with every CSS property to ensure your styles are applied correctly.

---

#### **Custom JavaScript / jQuery**

Inject custom JavaScript or jQuery to add dynamic behavior or run tracking scripts.

> ⚠️ **Note:** Always use **double quotes** (`"`) around attribute values.