hello ,i wanna change the size and color of the ADD TO CARTE button , i installed woocomerce plugin in this them but the button its too small and has a black color.
Hi,
If this is what you looking for https://www.screencast.com/t/gWnEHJyn , then please add this custom css in Newspaper> Theme panel> Custom code> Custom css :
.woocommerce ul.products li.product .button {
width: 100%;
font-size: 120%;
text-align: center;
background-color: gray;
}
Thanks.
hello thankks for your replay,so what i really want is to change the button ADD TO CARTE :color and size ,this button is located when you click on any product under product description ==> https://www.screencast.com/t/oELegGZ7bA
check the link please to see the attached picture of the button that i wanna change it .
thanks
Hi,
If you refer at this: https://www.screencast.com/t/NDBRgpsfM7k
Please try this css:
.single_add_to_cart_button {
font-size: 18px!important;
background-color: red!Important;
}
Let me know how it work.
i added this css cuz i want it like this :
.single_add_to_cart_button {
width: 100%;
font-size: 18px !Important;
text-align: center;
background-color: #68c62d!Important;
}
but i got a problem the quantity textbox is above add to cart button ,so i want it next to the button ?
https://www.screencast.com/t/EhfXTNOQOLoH
can u please help
Hi,
You can replace the code above with this one:
@media only screen and (max-width: 1190px) {
.single_add_to_cart_button {
width: 60%!Important;
}
}
.single_add_to_cart_button {
width: 80%;
font-size: 18px !Important;
text-align: center;
background-color: #68c62d!Important;
}
.single-product .product .summary .cart input.qty {
height: 38px;
}
Let me know how it work.
its ok now it works fine thank u
https://www.screencast.com/t/7cbq6RuYdvW
so last thing please just i wanna change the color of the button : proceed to checkout from black to green .
https://www.screencast.com/t/En7DpkT6fX
many thanks
Here is the code:
.wc-proceed-to-checkout .button{
background-color: gray!Important;
}
Also you can add more css to this one and above code ( or edit ) if you like.
Thanks.
it’s done, many thanks bro really very helpful and responsive have a nice day.
