Default welcome msg!

Currency
UNIQUE GIFTS & PERSONALISED GIFTS Lorem ipsum dolor sit amet
  • icon

    FREE SHIPPING
    Maecenas neque augue portam

  • icon

    MEMBERSHIP CARD
    Pellentesque mauris tortor ornare

  • icon

    PRIVACY POLICY
    Maecenas neque augue

Typography

General Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
  • Bullet List 1
    • Bullet List 1.1
    • Bullet List 1.2
    • Bullet List 1.3
    • Bullet List 1.4
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4
  1. Number List 1
    1. Number List 1.1
    2. Number List 1.2
    3. Number List 1.3
    4. Number List 1.4
  2. Number List 2
  3. Number List 3
  4. Number List 4
Definition title dt
Defination description dd
Definition title dt
Defination description dd

Code tag: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

block quote Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

element with class .f-left
element with class .f-right

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tables

Table with class .data-table

THEAD THTHEAD THTHEAD THTHEAD THTHEAD TH
TBODY TD TBODY TD TBODY TD TBODY TD TBODY TD
TBODY TD TBODY TD TBODY TD TBODY TD TBODY TD
TBODY TD TBODY TD TBODY TD TBODY TD TBODY TD

Custom CSS Classes

this is a paragraph with class .normal

this is a paragraph with class .primary

this is a paragraph with class .secondary

this is a paragraph with class .secondary2

tag small and class .small

element with class .underline

ul.none and ol.none:

  • Bullet List 1
    • Bullet List 1.1
    • Bullet List 1.2
    • Bullet List 1.3
    • Bullet List 1.4
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4

ul.hoz and ol.hoz:

  • Bullet List 1
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4

paragraph with class .box:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph with class .bottom always has margin-bottom = 0.

Add class .hide-lte2 to hide element when screen's width less than 1280px.

This block will disappear when resize window less than 1280px

Add class .hide-lte1 to hide element when screen's width less than 980px.

This block will disappear when resize window less than 980px

Add class .hide-lte0 to hide element when screen's width less than 760px.

This block will disappear when resize window less than 760px

Icons

.icon.pack

span.icon.pack

.icon.text

span.icon.text

.icon.lock

span.icon.lock

.icon.cart

span.icon.cart

.icon.cart.large

span.icon.cart.large

.icon.tag.large

span.icon.tag.large

.icon.tag.pack

span.icon.pack.large

.icon.mail.large

span.icon.mail.large

.icon.facebook

.icon.twitter

.icon.googleplus

span.icon.googleplus

.icon.pinterest

span.icon.pinterest

.icon.feed

span.icon.feed

.icon.search

span.icon.search

.icon.tick

span.icon.tick

.icon.flag.uk

span.icon.flag.uk

.icon.flag.us

span.icon.flag.us

.icon.flag.ca

span.icon.flag.ca

.icon.flag.fr

span.icon.flag.fr

.icon.flag.de

span.icon.flag.de

Brands

.brand-logo.mango

.brand-logo.zara

.brand-logo.levis

.brand-logo.dior

.brand-logo.forever21

.brand-logo.diesel

.brand-logo.ck

.brand-logo.lacoste

Logo

.custom-logo.paymentmethods

.custom-logo.shippingmethods

.custom-logo.norton

image with class .fluid:

image with class .fluid

+ open/close
Magento Theme Variations
Color
General
Default color used in body, normal text...
Secondary 2
Another secondary color used in this theme
Border
Line and border's color
Primary
Heading, headline, title's color
Negative
Negative color used when text display on negative background
Background
background color used in body or main sections
Secondary
The secondary color used in this theme
Negative 2
Another negative color used when text display on negative background
Background 2
Background color used in header, footer, or secondary sections to highlight
Google Fonts
Import these google fonts
Select which google fonts should be imported to your site
Element Fonts
General Font
Font for body, content, text...
E.g. 12px/1.35 Arial,Helvetica,sans-serif
H1
E.g. normal 22px/1.15 helvetica,arial,sans-serif
H2
E.g. normal 20px/1.25 helvetica,arial,sans-serif
H3
E.g. normal 18px/1.25 helvetica,arial,sans-serif
H4
E.g. normal 16px/1.35 helvetica,arial,sans-serif
H5
E.g. normal 14px/1.35 helvetica,arial,sans-serif
Buttons
Default button style
E.g. background:#2c3866; border:1px solid #2c3866; color:#ffffff;
2nd button style
E.g. background:#ffffff; border:1px solid #cccccc; color:#111111;
3rd button style
E.g. background:#b21a04; border:1px solid #b21a04; color:#ffffff;
Reset Apply Changes