ThemeForest Buyer Guide

Sellora Documentation

This documentation explains how to install, customize, and deploy the Sellora HTML template. It's written for ThemeForest buyers and assumes basic knowledge of HTML/CSS/JS.

Getting Started

1) Download & Extract

Download the ThemeForest ZIP, then extract it to a folder on your computer.

2) Open the HTML files

Open src/preview.html to browse all demos/pages. Each page is a standalone HTML file.

3) Run locally (recommended)

For best results (AJAX, fonts, and some assets), run a local server instead of opening files directly.

Option A: VS Code Live Server

Install the Live Server extension, then open src/preview.html and click “Go Live”.

Option B: Node (http-server)

From the project folder:

npm install -g http-server
http-server ./src -p 3000

Project Structure

Main folders you will work with:

src/
  *.html                 # All template pages
  assets/
    css/                 # Compiled CSS + component utilities
    js/                  # Vendor libraries + main.js
    images/              # Images used in demos/pages
    fonts/               # Font files + icon fonts

You can duplicate an existing page (e.g. index-fashion-6.html) and edit it to create a new layout.

CSS & JS Files

CSS

Most pages include the main stylesheet: assets/css/main.css

JavaScript

Vendor plugins live in assets/js/ and the template logic is typically in assets/js/main.js. Only include libraries you actually use on a page.

Note

If you remove a component (slider, gallery, datepicker, etc.), also remove its related JS/CSS includes to keep pages light.

Customization

Branding (Logo / Name)

Replace logo images in assets/images/logo/ and update the header markup in the pages you use.

Colors & Typography

This template uses utility classes and prebuilt theme tokens. If you need to adjust global colors/typography, do it in the theme styles under assets/css/ (avoid editing vendor files).

Images

Replace images in assets/images/ and keep filenames the same to avoid updating many HTML references.

Icons

Icons are used via CSS classes like icon-arrow-top-right. You can search in HTML for icon- to find and swap icons.

Build / Deploy

Sellora is a static HTML template. You can deploy it to any static hosting: Netlify, Vercel (static), GitHub Pages, shared hosting, or your own server.

Recommended

Upload the src/ folder contents (HTML + assets) to your hosting root.

Support

If you need help, please provide:

  • Your purchase code (ThemeForest)
  • The page name you’re editing (example: index-tech-5.html)
  • Screenshots or a short video of the issue
  • Browser + OS info

Contact

Replace this with your support email/URL: support@example.com