Final Woocommerce Edits

Support
#1

Good morning!

I am trying to wrap up construction on denverhighriseliving.com for my client, but am struggling with some of the code.

  1. Throughout the shop (https://denverhighriseliving.com/condo-intel/) there are alerts that display depending on what you are doing. They are all weird colors and even the buttons are two. Can those all just be black or something?

  2. Remove arrow link to “Compare Page” from select to compare button on shop page (https://denverhighriseliving.com/condo-intel/).

  3. On any given product listing the buttons seem to be broken. Is there a way to fix the “Add to Cart” button which I had previously styled so nicely? For the individual product pages can we complete remove the 'select to compare button." i.e. https://denverhighriseliving.com/condominium/observatory-flats/

  4. The buttons in the sidebar of my-account are also broken. I can’t even seem to fix the font colors with !important tags.

How can I target the “Proceed to Checkout” Button in the cart? I want to style it.

https://denverhighriseliving.com/checkout/

  1. Change 'Billing Details" to “Account Registration”
  2. Remove the random “Additional information” heading hanging out for no reason.
  3. How can I target the “Place Order” button? I want to change the button styling.

Thank you!
J

#2

Hi There,

I couldn’t fine those alerts in your shop page. Could you please provide us with your screenshots?

Please add this custom CSS under Theme Options > CSS:

.post-type-archive-product a.woocommerce-products-compare-compare-link {
    opacity: 0;
    pointer-events: none;
}

Please also add this custom CSS:

.single-product .woocommerce-products-compare-compare-button {
    margin: 0;
    text-align: center;
}
.single_add_to_cart_button {
    width: 100%;
}
.single-product .woocommerce-products-compare-compare-button label,
.single-product .woocommerce-products-compare-compare-button a {
    display: inline-block;
    margin: 0;
    float: none;
}

Please add this CSS:

.woocommerce-account .textwidget .x-btn {
    color: #fff;
}
.woocommerce-account .textwidget .x-btn:hover {
    color: #c55858;
}

Please try with this selector:

.wc-proceed-to-checkout a {
    
}

Please add this code under functions.php file locates in your child theme:

function wc_billing_field_strings( $translated_text, $text, $domain ) {
    switch ( $translated_text ) {
        case 'Billing details' :
            $translated_text = __( 'Billing Info', 'woocommerce' );
            break;
    }
    return $translated_text;
}
add_filter( 'gettext', 'wc_billing_field_strings', 20, 3 );

Please add this CSS:

.woocommerce-checkout .woocommerce-additional-fields {
    display: none;
}

Please try with this selector:

.woocommerce-checkout button#place_order {}

Hope it helps :slight_smile:

#3

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