Site logo

Archived topic

Prime Template / Custom CSS Help

1 reply · Started by Steven on May 12, 2020

Viewing posts 1–2 of 2

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.

This archived topic is closed to new replies.