Add to Cart Button and Default Sorting/Showing

Support
#1

Hello,

I have figured out how to make the hovered Add to Cart button visible, but I’m having issues changing the positioning to be below the h3 and price.

Also, I would like to remove the .woocommerce-result-count and .woocommerce-ordering so they are no longer visible. Is that possible?

Here’s the site.

Thank you.

#2

Hi Desi,

Thank you for reaching out to us. Please change your CSS code with the following:

.woocommerce li.product .entry-header .button {
    position: relative;
    top: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    padding: 1rem 4rem;
    opacity: 1;
    border-width: 2px;
    font-family: 'termina',sans-serif;
    text-transform: uppercase;
}

To hide result count and ordering, you can make use of the following code:

.woocommerce-result-count, .woocommerce-ordering {
    display: none;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#3

Thank you, it worked!

#4

You are welcome @desimckinnon

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.