Archived topic
White border for Sidebar Buttons
11 replies · Started by Juned on February 12, 2021
Hi,
1. I want to give white border to the 02 buttons at Right Side Bar: The buttons are: Search and Filter.
I guess, the 'Login' button and 'Register' button will also get same borders when adding to Search & Filter buttons?
2. I want to increase the font size of 'SALE' icon (SALE 40% OFF).
Hi there,
try this CSS:
.woocommerce button.button,
#right-sidebar button {
border: 2px solid #fff !important;
}:) Thanks.
Did you missed my 2nd point?
Regards,
Juned
Oh yeah... try this CSS:
.woocommerce span.onsale {
font-size: 20px;
}Hi,
I tried to paste at Simple CSS and at Additional CSS also, but no results. Please suggest further
I don't see David's CSS being added.
It worked when I tested it using the inspector tool here:
https://www.screencast.com/t/Eu5AhbIsWj
Hi,
It's added. But there's no changes. Pls guide me what I am missing?
The CSS i provided applies to the Single Product.
To change the archive sale notice use:
.woocommerce ul.products li.product .onsale {
font-size: 20px !important;
}So I have to add both the above CSS?
If you need them both.
The first is for the single product.
The second is for the product archives. So you can change them independently.
Thanks a lot.
GP is awesome.
Glad to be of help.
