Hi, how can I make the title font bigger and the price font smaller?
Also, can I turn the add to cart into a button?
Hey DROR,
Please try the following in Quick CSS under Enfold->General Styling:
#top .price span {
font-size: 40px;
}
.avia_cart_buttons .show_details_button font, .avia_cart_buttons .add_to_cart_button font {
font-size:16px !important;
}
Best regards,
Rikard
That didn’t work, The price is already set at 50px, I want to make the title bigger. how can I do that?
Hey!
Please try adding !important rule as following
#top .price span {
font-size: 60px!important;
}
Best regards,
Yigit
Hi Yigit, that again increased the price size. I want to increase the product title that is shown above the price.
Hi,
My bad. Please use following code instead
h2.woocommerce-loop-product__title {
font-size: 50px!important;
}
Best regards,
Yigit
Thanks! Can you also tell me how I can add a background to the add to cart text – https://screencast.com/t/U5ld42K40aQV – so it will look more like a button? I want it to have a red background.
Hi,
Please try this CSS as well:
a.add_to_cart_button {
background-color:red !important;
}
Best regards,
Rikard
Great, thanks!