Don't stick with the color variants we provide you with. Customize the Foppish Theme under Layout 5 to match your brand's own color combinations


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



Theme color is #EA2765 in the sample code below.


Replace the same with your custom color.


        

<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:#7E171F;}

body,#selcurrency,.l5_signInSignUp a, .wht_txt ,#number_of_item {
color: #7E171F ;
font-size: 14px ;
}

h1, h2, h3, h4, h5, h6{
font-family: tahoma !important;
}

.totalamt ,h3,.totamtcart{
color: #7E171F ;
}

.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: 3px solid #EA2765 ;
}

ul.dropdown li a {
text-transform: uppercase ;
}

.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: #fff ;
}

#multitabs li a.selected, .l5_selectOptions li a.currentOption{
background-color: #EA2765 ;
color: #fff ;
}

.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:#7E171F}
 
.offbar{
color: #EA2765 ;
}

.stepno{
color: #EA2765 ;
}

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

.cancelorder a , span.error{
background-color: #7E171F;
}

.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: #7E171F;
}

.mainmenutogglebg_color ,.actionButton{color : #FFFFFF !important;}


.l5_quickLinksa ul li{ color: #7E171F ;}

.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:#7E171F !important}

#couponcode {
  color: #000 !important;
}

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