LogoLogo
  • Introducing Tebex
    • Why Tebex?
  • Pricing
    • Starter & Plus Plans
    • Fees Overview
      • Why We Charge a Platform Fee
  • Initial Setup
    • General checklist for setting up a Tebex store
    • Identity Verification for Tebex Store Onboarding
    • Your Store Review
    • Tips for getting your store application approved
    • What is Intellectual Property?
    • Adult Content Guidelines
  • Tebex Control Panel
    • Dashboard
    • Payments
      • Manual Payments
      • Recurring Payments
      • Payment Methods
      • Checkout Settings
      • Fraud Analysis
      • Wallet
      • Payment Exports
    • Packages
      • How To Create A Package
      • How To Create A Category
      • How To Test A Package
      • Cumulative Packages
      • Downloadable Packages
      • Product Best Practice
    • Statistics
    • Customers
      • Customer Lookup
      • Banning
    • Webstore
      • Tebex Footer
      • Appearance
        • Custom CSS & HTML
        • Visibility
      • Sidebar Modules
      • Pages
      • Variables
        • Template Variables
      • Currency
        • Regional Pricing
      • Translations
        • Language
        • Custom Translations
      • Emails
      • Domains
        • Subdomain & Custom Domain
      • Notifications
        • Slack & Discord Notifications
    • Engagement
      • Coupon Codes
      • Sales
      • Creator Codes
      • Gift Cards
      • Community Goals
      • Abandoned Basket Recovery
      • Purchase Follow Ups
      • Upselling
      • Offers
    • Game Servers
      • FiveM
        • FiveM (Server Wrapper)
      • Minecraft: Java Edition
        • BuycraftX
      • ARK: Survival Evolved
      • Minecraft: Bedrock Edition
      • Space Engineers
        • Space Engineers Item IDs
        • How the Legacy Space Engineers Vanilla Integration Works
        • Mod Guidelines and FAQs
      • Unturned
      • Rust
      • Garry's Mod
      • Hurtworld
      • Counter Strike: GO
      • 7 Days To Die
      • Team Fortress 2
      • Conan Exiles
      • RCON (Legacy)
      • RCON Adapter
      • MySQL Depreciation
      • Product Deliverables Configuration
    • Discord Servers
    • Store Transfers
    • Team Accounts
    • Billing
      • Store Cancellation
  • Tebex Checkout
    • How Payments Work
    • Seller Protection and Chargebacks
    • Where and Why We Charge Sales Tax/VAT
      • Information for Accountants
    • Checkout Process
    • Paysafecard
    • Wallet
    • Wallet Restrictions - Deposits & Locks
    • Fund Withdrawals and Transfers
      • PayPal Withdrawal Fees
      • Bank Account Withdrawal Fees
      • Wire Transfer List of Countries & Fees
    • Checkout FAQ
    • Seller Support Guidance
    • Checkout Seller Actions
      • Changing Usernames
      • Changing Discord ID's
      • Resending Commands
      • Customer Lookup
      • Checkout Bans
    • Tebex Checkout for WHMCS
  • Subscribe @ Tebex Academy
  • Developer Documentation
  • FAQs
  • Growth and Success
    • 🛒Tebex Store Best Practices
    • 📆Sales Calendar - 2025
    • 🎁Gift Cards
    • 💬Community Engagement
    • ❓Frequently asked questions
    • 🚗FiveM Best Practices for Packages
    • 🥼FiveM Beta Assets Best practices
    • 📖Creator Success: Case Studies
      • 🚛Reducing Support Backlog through Restructuring the Team
      • 🔁Improving User Retention via “Loss Leader”
      • 📅Subscription Stability and Growth
  • Command Management
    • An Introduction To Commands
    • Command Troubleshooting
    • Resending Commands
    • Support for Epic Game IDs
Powered by GitBook
On this page
  • Themes
  • Creating A Theme
  • Modifying A Theme
  • Templates
  • Creating A Template
  • Modifying A Template
  • My Changes Are Not Updating

Was this helpful?

  1. Tebex Control Panel
  2. Webstore
  3. Appearance

Custom CSS & HTML

If you would like to customise your webstore but our default customisation options are not sufficient you can use Themes (Custom CSS) and Templates (Custom HTML) which give you complete control over how your webstore looks.

Themes

Creating A Theme

  1. Go to Webstore > Appearance > Themes.

  2. Click Change.

  3. Click Create Custom Theme.

  4. Enter your theme name and start adding custom CSS.

  5. Click Create.

Once you have created your theme you'll need to activate it. You can do this by clicking Activate on the themes page.

Modifying A Theme

You can enter any CSS you like inside your custom theme. You are more than welcome to change colours, backgrounds, borders, etc so your webstore matches your own website style.

Templates

Creating A Template

  1. Go To Webstore > Appearance > Templates.

  2. Click Change.

  3. Click Create Custom Template.

  4. Enter the name of your new template and select the base template (We recommend using the Abstract template as the base as this is the latest version available on Tebex Store).

  5. Click Create.

Modifying A Template

Once you have created your template you will be directed to the template editor. Here you will see all of your template files with the relevant HTML. The template editor allows you to:

  1. Modify any page that you want along with the HTML.

  2. Preview the changes before publishing them (Click the preview button).

My Changes Are Not Updating

Ensure that you have enabled your theme/template on your webstore. If you have already enabled them and your webstore is not updating this could be because you are seeing a cached version of your store. Try refreshing in a few minutes and you'll see your updated design.

At Tebex, providing support for this specific matter is beyond our scope. We understand that not everyone is familiar with programming, and in such cases, we suggest seeking assistance from a qualified contractor who has expertise in this area. You can share this article with them, as it contains sufficient information to help them develop a custom system tailored to your needs.

PreviousAppearanceNextVisibility

Last updated 1 year ago

Was this helpful?

The templating language used on Tebex Store is called Twig. You can learn more about the Twig language by . It has everything you need just like any other programming language such as variables, if statements, and while/for each loops. You really can modify your store to however you like!

If you would like to view the available variables and functions inside of custom templates please read our help guideon this.​

viewing their documentation