Buy Button Colour

psenior1

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

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

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