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

 

 

  

<style>
.15_quickLinks {width: 50% ;}
body,#selcurrency,.l5_signInSignUp a, .wht_txt ,#number_of_item ,ul, .fontface, li,a{
    font-family: tahoma!important ;
    }
li a,a.text{color:#6F6F6F;}

body,#selcurrency,.l5_signInSignUp a, .wht_txt ,#number_of_item {
    color: #6F6F6F ;
    font-size: 14px ;
}
h1, h2, h3, h4, h5, h6{
    font-family: tahoma!important;
}
.totalamt ,h3,.totamtcart{
    color: #6F6F6F ;
}


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

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

#multitabs li a:hover, .l5_selectOptions li a:hover {
  background-color: #f88800 ;
  color: #fff ;
}

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

.l5_quickAddToCartBtn{
    background-color: #f88800 ;
    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: #f88800 ;
    background-size: 43px ;
    background-repeat: no-repeat ;
}

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

#stage1div .mainmenutogglebg_color {color:#6f6f6f}

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

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

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

.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}
 
 .ddoptions a {color:#6F6F6F !important}
 

</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>
#headerBar ,.footer{
    color:#6F6F6F;
    background: #f2f2f2 ;
}   
#headerBar a ,.footer a, #selcurrency,.fa-shopping-cart,#number_of_item{
    color:#6F6F6F;
} 
#mc_embed_signup {background:none;} 
</style>
<style>
.l5_badges {background: #f88800;
color: #FFF;
opacity: .9;
font-size: 14px;}

#couponcode {
  color: #000 !important;
}

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