Is it possible to style a tag button with CSS?

Question

hello,
i'm currently using button images for Add to Cart etc. but would prefer to use CSS.
any idea how the html should look to facilitate this?
atm if i change it from an image to text, i.e. {tag_addtocart,Add to Cart}, the CSS formatting is ignored and i'm left with just a standard grey button.
regards and thanks.
Frank

Answer 1

For those out there that could use more details on styling the buy button ...
This works because this CSS overrides the existing Business Catalyst CSS. If you don't already have a separate CCS file, create one - for example "custom.css", and place the link to the CSS isle in you page header.
Here is the CSS example. The button I've already created for the website is .my-red-btn and I have simply added .productSubmitInput after it so it calls the same style (remember to add the comma if you are applying this style to more than one class name, as I have in this example).
.my-red-btn, .productSubmitInput {
          color: #ffffff;
        font-weight: 600;
          background-color: #FF0000;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
        border-radius: 4px;
Then add the tag to the module (Site Manager > Modules template > Online Shop Layouts > Individual Large Products) like this:
{tag_addtocart,Buy me now}
Good luck.