Buy Button Colour

psenior1 · May 17, 2015

I'm sure this is something straightforward but I can't figure out how to change the Buy button colour in my galleries. I'm already changing the text and button position with the code below, but also would like the button to stand out more. Any help much appreciated!

Thanks

/* Change the "Add to Cart" Button Text */
.sm-user-ui .sm-gallery-buymenu .sm-button:after {
   content: ' Add to Basket';
}

/* Hide the old text */
.sm-user-ui .sm-gallery-buymenu .sm-button-label {
   display: none;
}


/* move buy button to left */
.sm-gallery-header .sm-gallery-headerbuttons {
right: 15%;
}

Teach · May 18, 2015

Copy and paste the below code into your CSS Block to change the buy button color.

.sm-user-ui .sm-gallery-buymenu .sm-button {
background-color: red;
border-color: #fff;
color: #fff;
font-size: 14px;
}

That code works for all gallery styles except for Journal. The following code works for Journal.

.sm-gallery-journal .sm-button-skin-accent {
background-color: red!important;
border-color: #fff!important;
color: #fff!important;
font-size: 14px;
}

psenior1 · May 18, 2015

Teach wrote: »

Copy and paste the below code into your CSS Block to change the buy button color.

.sm-user-ui .sm-gallery-buymenu .sm-button {
background-color: red;
border-color: #fff;
color: #fff;
font-size: 14px;
}

That code works for all gallery styles except for Journal. The following code works for Journal.

.sm-gallery-journal .sm-button-skin-accent {
background-color: red!important;
border-color: #fff!important;
color: #fff!important;
font-size: 14px;
}

Fantastic, thank you

Buy Button Colour

Comments