Archived topic
Prime Template / Custom CSS Help
1 reply · Started by Steven on May 12, 2020
Hey guys — I really am struggling with Woo CSS on a Product Page turned Online Auction..
As seen in the product page URL I've got a timed auction set up on one of your site templates. I couldn't find a ton on here for support as it's a unique setup.
Here's what I need:
1st Priority: I need the "Your Bid" section to not have two sets of +/- buttons obviously, I like the layout of the inner (non green) square buttons, but I want to change the colour of those inner boxed buttons so they stand out to the user (maybe a darker colour).
2nd Priority: The border-radius of the blue "Bid" button to match the one beside it at 45px
3rd Priority: I'd like to potentially have the "Time left: countdown to stack vertically, left-justified. (If it's not too much trouble) just to see if it looks a little cleaner.
Your help would be MUCH APPRECIATED!!!
Hi there,
1. Try this:
.button_bid_subtr, .button_bid_add {
display: none;
}
.woocommerce form .quantity.buttons-added .minus, .woocommerce form .quantity.buttons-added .plus {
background-color: #000;
}
2. Try this:
#yith-wcact-aution-buttons .button {
border-radius: 45px;
}
3. I would recommend checking with the plugin support for this.