Woocommerce Basket and Checkout Buttons

Hi @charmstrong,

Thank you for using Hestia and for reaching out to us!

I have checked your website and the calculated shipping appears just fine on the page. Is the problem solved now in this case?

Regarding the second line of address, that is the default behaviour of the theme. The field becomes available for completing if the user clicks on it, or you can set the field as required so it will appear exactly as the other fields.

View post on imgur.com

Kind regards,

Mara!

Hi Mara,
Thanks for coming back to me.

It’s still an issue, I turned off calculate shipping in basket because of it and had to set most items as out of stock for a separate issue – only virtual items are in stock.

I turned the calculate shipping option back on and added stock for a minute to grab a screenshot

View post on imgur.com

Hi there @charmstrong,

Thank you for keeping us updated!

I have tried to replicate this on a fresh instance but I did not manage to succeed. Can you please share more details about how you have configured the page, the products, what other plugins do you use that might interfere with the theme and any other details you think are important for troubleshooting? That would help us understand the problem better so we can assist you properly.

Kind regards,

Mara

Hi Mara,

I really do appreciate your assistance.

I’ve enabled stock of the mug so you can see the issue for yourself.

The page was “out of the box”, no changes. Products wise, there’s three virtual and then dropshipping from printful. Plugin wise, we use:

View post on imgur.com

View post on imgur.com

Sorry, just to add, there’s a little bit of custom css (the bottom buttons was used to try and resolve but had no affect).

.wpforms-form button[type=submit] {
background-color: #155893 !important;
border-color: #c11718 !important;
color: #fff !important;
transition: background 0.3s ease-in-out;
}

.wpforms-form button[type=submit]:hover {
background-color: #c11718 !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
margin: 0 auto !important;
display: block !important;
}

.wpforms-confirmation-container-full {
color: inherit !important;
margin: 0 !important;
background: none !important;
border: none !important;
padding: 0 !important;
}

.buttons a{
color: #fe1 !important;
}

Hey @charmstrong,

Thank you for your persistence and for offering us details!

I was able to replicate the issue and have come up with the following options to fix it. First go into the Customizer -> Additional CSS and add this code snippet there:

#wc-block-components-totals-shipping__change-address__link{
	color: black !important;
}

This will fix the issue where the text doesn’t appear because it has the same color as the background.

Additionally you can add these lines of code right after setting the color to black to make it look better:

1. Remove the underline for that text:

text-decoration: none !important;

2. Remove the shadow of the button:

box-shadow: none !important;

We hope this helps you achieve the right look!

Please let us know how it goes!

Kind regards,

Mara

• This reply was modified 2 months ago by mara3.
• This reply was modified 2 months ago by mara3.

Good Morning Mara,

Thank you so much for your persistance in investigating this issue and sorry it has taken me so long to come back to you (I had a problem with the theme, jetpack literally broke it and it took me a while to fix).

This works perfectly, thank you so much.

Hey @charmstrong,

Thank you for getting back to us!

I am glad to hear that I was able to help you!

I’m always striving to improve my ability to assist customers, and your feedback is incredibly valuable. If you had a positive experience with our interaction so far, would you be willing to leave a review about it here – https://www.ads-software.com/support/theme/hestia/reviews/#new-post?

Sharing your thoughts helps others know what to expect when they contact us.

Thanks again for your time and business!