SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Theme Settings - Custom CSS

Eira

Written by Eira

Last updated

65 views

On this page


A cascading style sheet (CSS) changes how elements are displayed in your theme, and can control the appearance of several pages at one time. You can customize your theme beyond the settings that are built into a theme by using the custom CSS feature. You can add custom CSS to your entire theme, or to a specific section of a template or devices within your theme.

Custom CSS isn't supported on the Checkout page.

custom.png

To use this section, from Theme editor > Theme settings > Custom CSS.

Note: Please use this section if you have the knowledge about HTML, CSS; because if you use incorrect code, it can be break layout and have issues with theme design.

This is the trick if you want to custom CSS for specific device. We have the responsive code for each device:

custom1.png

For example: You want custom css to show only on the Desktop, you will add code in the responsive code for only Desktop.

custom3.png

Similar as you want to custom CSS for only mobile.

custom4.png

Summarize, if you want to custom CSS with basic code, you can contact with support our theme. We will support and guide you to the best of our ability.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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