On the image provided below we had the “add to cart” button aligned on the right with a css float: right.
With the latest 11.1 update this no longer works. What type of changes did you do to the woo product block?
Any suggestions in how we can make this work now since the float is no longer working now?
Thanks!
Ericka
Ok I’m thinking because its the div: block. Can’t we not change this to a inline-block?
Hello!
Please provide a link to your website and we will take a look to make sure everything is working as it should.
Thank you!
Per your request VLAD
We just want the buy button to float to the right. Not to the left. Thank you
Hello!
There is a way to align all meta info to the right like this: https://www.screencast.com/t/wau1RxISN8h
If you want only the button, then you should write some custom CSS there.
Thank you!
We totally agree! Except the custom css that we wrote no longer works because your developers did some backend changes.
The custom code we had was:
.td_woo_product_module a.button {
float: right !important;
margin-top: -50px !important;
clear: right;
}
When we open up the page in google chrome and use the developer tools we can make changes right then and there to make modifications to the css. Nothing is working for us. We just need to at least to know what you guys did this time with the new updates that’s not making these custom css changes not work.
Thank you!
Hello!
Please try to add also this code and it should work:
.td_woo_product_module .read-more{ width: 100%!important;}
Let me know the results!
Thank you!
It works. Wow. Thank you Bettina! We’re loving the TD composer! š
Hello!
Iām glad that I could help you.
Thank you for the feedback!
