Ready Foppish theme variants for your store. Try above theme without much added effort! Ramp up the style and use any of the above added customizations to make it your own.



Please add the code in Settings --> Advanced Feature --> Third party Javascript


    

<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>

<style>
.15_quickLinks {width: 50% ;}
body,#selcurrency,.l5_signInSignUp a, .wht_txt ,#number_of_item ,ul,
.fontface, li,a{
    font-family: 'Alegreya Sans SC', sans-serif ;
    }
li a,a.text{color:#011d32;}

body,#selcurrency,.l5_signInSignUp a, .wht_txt ,#number_of_item {
    color: #011d32 ;
    font-size: 14px ;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Alegreya Sans SC', sans-serif !important;
}
.totalamt ,h3,.totamtcart{
    color: #6F6F6F ;
}

.ddoptions a {color: #6F6F6F !important;}

#headerBar ,.footer{
    color:#EA2765;
    background: #011d32 ;
}
#headerBar a ,.footer a, #selcurrency,.fa-shopping-cart,#number_of_item{
    color:#fff;
}
ul.dropdown li a,.l5_prodDescComments ul li a {
color: #011d32;
}

#stage1 div .mainmenutogglebg_color {

color: #6f6f6f !important;

}

#multitabs li a {

padding: 0 10px 0 0;

}
#product_id h3{font-family: 'Alegreya Sans SC', sans-serif !important}
}

.l5_priceTagContainer p {font-family: 'Alegreya Sans SC', sans-serif !important}

#l5_prodDesc {font-family: 'Alegreya Sans SC', sans-serif}

#cartdetails,#l5_forgotPassContent,#l5_signupContent {color: #6f6f6F
!important;}
#l5_forgotPassContent
.m0,#frmStoreUserLogin,#l5_signupButton,#l5_forgotPassButton,.l5_backToLoginButton
{color: #6f6f6F !important;}
.foppishCustomColor {
    color: #EA2765 ;
}
.arrow_box{
  border-top: 4px solid #EA2765 ;
}

.arrow_box:after{
  border-bottom-color: #EA2765 ;
}
.arrow_box:before{
  border-bottom-color: #EA2765 ;
}
ul.dropdown > li.hover, ul.dropdown > li:hover, .l5_prodDescComments
ul li a.selected{
border-top: 0px solid #EA2765 ;
}
ul.dropdown li a {
    text-transform: capitalize ;
}
.asideBlock{
border-color:#EA2765 ;
}
.actionButton{
    background-color: #EA2765 ;
}
#multitabs li a, .l5_selectOptions li a{
  color: #EA2765 ;
}

#multitabs li a:hover, .l5_selectOptions li a:hover {
  background-color: #EA2765 ;
  color: #011d32 ;
}

#multitabs li a.selected, .l5_selectOptions li a.currentOption{
  background-color: #EA2765 ;
  color: #011d32 ;
}
.l5_previewBtn{
    background-color: #EA2765 ;
    background-size: 43px ;
    background-repeat: no-repeat ;
    background-position: 5px 0px ;
}

.l5_quickAddToCartBtn{
    background-color: #EA2765 ;
    background-size: 43px ;
    background-repeat: no-repeat ;
    background-position: 5px 0px ;
}
.l5_selectOptions li a.currentOption,.l5_selectOptions li a:hover  {
    color: #fff ;
}
/*Quick add to cart specific to IE 8*/
@media \0screen {
    .l5_previewBtn{
    background-color: #EA2765 ;
    background-size: 43px ;
    background-repeat: no-repeat ;
}

    .l5_quickAddToCartBtn{
    background-color: #EA2765 ;
    background-size: 43px ;
    background-repeat: no-repeat ;
    background-position: 6px -4px\9 ;
}
}
.bar{
   background: #EA2765 ;
   color:#fff;
}

#stage1 div .mainmenutogglebg_color {color:#6a6a6a !important}

.offbar{
    color: #EA2765 ;
}
.stepno{
    color: #EA2765 ;
}

.offbar .stepno{
    background: #EA2765 ;
    color: #fff ;
}
.cancelorder a , span.error{
    background-color: #6F6F6F ;
}
.l5_staticPage {
    border-top: 4px solid #EA2765 ;
}

#cartItem .updateqty a {
    background-color: #EA2765 ;
}

.l5_contactInfo .hr-div {
    border-bottom : 0px ;
    height: 0px ;
}

.stepno {background: #fff ;
color: #6F6F6F }

.mainmenutogglebg_color ,.actionButton{color : #FFf ;}


.l5_quickLinksa ul li{ color: #6F6F6F ;}

 .border-bottom-ccc {border-bottom: 1px solid #fff ;}
 #coupon_discounted_amt {padding-right: 20px ;}

 .prodname {max-height:36px}

 .contshop a, #couponcode a{color: #000 !important}

ul.dropdown li a,.l5_prodDescComments ul li a {
color: #011d32;
}

</style>


<style>
.l5_badges {background: #EA2765;
color: #fff;
opacity: .5;
font-size: 14px;}
</style>



<style>
ul.dropdown>li {
border-top: none;
}
ul.dropdown {
background : #011d32; /*Menu Bar background Color*/
color:#fff;
padding-bottom : inherit;
}
ul.dropdown>li {
float : none;
}
ul.dropdown ul li a:hover, ul.dropdown>li.hover, ul.dropdown>li:hover {
background : #EA2765; /*Menu bar dropdown background hover color*/
color: #fff !important; /*Text color*/
}
li.hover a {
    color: #fff;
}
ul.dropdown>li>a {
padding-left :22px;
padding-right : 22px;
}

ul.dropdown li a {
    text-transform: capitalize;
 color:#fff;
}

ul.dropdown>li {
    border-bottom : 0px;
    padding-bottom: 0px;
}
ul.dropdown:after { 
    border-top: 0px;
}

ul.dropdown li.hover a, ul.dropdown li.hover ul li.hover a {
    color: #fff !important;
}
ul.dropdown li.hover ul li a {
    color: #545454 !important;
}
ul.dropdown>li>ul {
top: 38px;
}
</style>


<style>
.span4.forImage {
width: 23%;
margin-left: 1.5%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom:38% !important}
#allProducts div div {clear: none}
 
 
 
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.span4.forImage{
width: 47%!important;
margin-left: 2%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom: 62.1% !important;
height: 0 !important;
overflow: hidden !important;}
#allProducts div div {clear: both}
}
 
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.span4.forImage{
width: 100%!important;
margin-left: 2%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom: 132.6% !important;
height: 0 !important;
overflow: hidden !important;}
#allProducts div div {clear: both}
}
 
</style>

<style>
#featured-txt
{
font-family: 'Alegreya Sans SC', sans-serif !important;
color:#fff;
background-color:#f30b55;
padding:8px;
text-align:center
}

#couponcode {
  color: #000 !important;
}

.contshop {
 color: #000 !important;
}
</style>