- Posts: 447
- Thank you received: 20
Styling the Add To Cart & Choose Order Option
6 years 5 months ago #317089
by davec
Styling the Add To Cart & Choose Order Option was created by davec
Hi
I am not sure if this would be possible. On the page there is an option for Add To Cart and also Choose Order Option. The button class is hikabtn hikacart. Is there a way to style the buttons so they have different colours. I cannot see anything within the views that I could adjust.
Thanks
Dave
I am not sure if this would be possible. On the page there is an option for Add To Cart and also Choose Order Option. The button class is hikabtn hikacart. Is there a way to style the buttons so they have different colours. I cannot see anything within the views that I could adjust.
Thanks
Dave
Please Log in or Create an account to join the conversation.
6 years 5 months ago - 6 years 5 months ago #317094
by Philip
Replied by Philip on topic Styling the Add To Cart & Choose Order Option
Hello,
It's possible, first have a look on this tutorial to see how to add some custom css command.
Second step, build a very specific custom css command, here the most important his the "target", in Css it's called the selector, see my pseudo code example :
Ex :
a.hikabtn.hikacart {
background- color: red;
}
Add your custom css code at the end of your css file, it's easier to find it later, and increase his priority.
If for a reason or another, you need to increase the priority, use an "!important"
Ex : background-color: red !important;
Hope this will help you to get what you need.
Regards
It's possible, first have a look on this tutorial to see how to add some custom css command.
Second step, build a very specific custom css command, here the most important his the "target", in Css it's called the selector, see my pseudo code example :
Ex :
a.hikabtn.hikacart {
background- color: red;
}
Add your custom css code at the end of your css file, it's easier to find it later, and increase his priority.
If for a reason or another, you need to increase the priority, use an "!important"
Ex : background-color: red !important;
Hope this will help you to get what you need.
Regards
Last edit: 6 years 5 months ago by Philip.
The following user(s) said Thank You: davec
Please Log in or Create an account to join the conversation.
Time to create page: 0.165 seconds