You can change visual appearance of almost every element of this Magento theme. You can set your favorite colors and generate css file from the admin.
Adress: {{config path="general/store_information/address"}}Phone: {{config path="general/store_information/phone"}}
Fax: 123456789xxxx
Email: {{config path="trans_email/ident_general/email"}}
]]>
This is sample static block replacing related products. Put your own content here: filter widget,text, html, images - whatever you want.
This is sample static block replacing upsell products. Put your own content here: filter widget,text, html, images - whatever you want.
Sample Block Here ...
A sample of additional collateral tabs that you can insert in static the backend.
This is sample static block replacing crosssel products. Put your own content here: filter widget,text, html, images - whatever you want.
The best fashion advice I'd say would be just to do what makes you comfortable and what makes you feel cute, and that's how you're gonna look your best 'cause when you feel your best, everybody else can feel it, too.
Shop NowSkort Maison Martin Margiela knot ponytail cami texture as tucked t-shirt. Black skirt razor pleats plaited gold collar. Crop 90s spearmint indigo seam luxe washed out.
{{config path="general/store_information/address"}}
{{config path="general/store_information/phone"}}
{{config path="trans_email/ident_general/email"}}
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.
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.
Table with class .data-table
THEAD TH | THEAD TH | THEAD TH | THEAD TH | THEAD 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 |
tag small and class .small
element with class .underline
element with class .normal
element with class .primary
element with class .secondary
element with class .secondary2
element with class .secondary3
ul.none and ol.none:
ul.hoz and ol.hoz:
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.
se a single or combination of the available classes for toggling content across viewport breakpoints.
Extra small devices Phones (<768px) | Small devices Tablets (=768px) | Medium devices Desktops (=992px) | Large devices Desktops (=1200px) | |
---|---|---|---|---|
.visible-xs-* |
Visible | Hidden | Hidden | Hidden |
.visible-sm-* |
Hidden | Visible | Hidden | Hidden |
.visible-md-* |
Hidden | Hidden | Visible | Hidden |
.visible-lg-* |
Hidden | Hidden | Hidden | Visible |
.hidden-xs |
Hidden | Visible | Visible | Visible |
.hidden-sm |
Visible | Hidden | Visible | Visible |
.hidden-md |
Visible | Visible | Hidden | Visible |
.hidden-lg |
Visible | Visible | Visible | Hidden |
Call
<span class="fa fa-phone"></span> |
Special Deals
<span class="fa fa-tag"></span> |
Customer Support
<span class="fa fa-life-ring"></span> |
Login
<span class="fa fa-user"></span> |
Search
<span class="fa fa-search"></span> |
Cart
<span class="fa fa-shopping-cart"></span> |
Wishlist
<span class="fa fa-heart"></span> |
Compare
<span class="fa fa-exchange"></span> |
Address
<span class="fa fa-map-marker"></span> |
Phone
<span class="fa fa-phone"></span> |
Fax
<span class="fa fa-fax"></span> |
<span class="fa fa-envelope"></span> |
<span class="fa fa-facebook"></span> |
<span class="fa fa-twitter"></span> |
Rss
<span class="fa fa-rss"></span> |
<span class="fa fa-pinterest"></span> |
Google Plus
<span class="fa fa-google-plus"></span> |
Vimeo
<span class="fa fa-vimeo-square"></span> |
Youtube
<span class="fa fa-youtube-play"></span> |
|
You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the tag for brevity, but using a is more semantically correct).
|
|
If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, drop shadow, and anything else that gets inherited using CSS. |
||
fa-lg fa-2x fa-3x fa-4x fa-5x |
To increase icon sizes relative to their container, use the <span class="fa fa-facebook-square fa-lg"></span> fa-lg |
.em-payment-icon.em-visa |
.em-payment-icon.em-master |
.em-payment-icon.em-express |
.em-payment-icon.em-paypal |
.em-payment-icon.em-other |
.label.new
|
.label.hot
|
.label.special
|
image with class .img-responsive:
]]>