Tagged: add to cart, woo commerce
Hello,
I’ve been trying to figure out the CSS and PHP for the last 24hrs and cannot get the layout to work the way I want it. Hoping someone here can help.
Here is the current link:
http://splendidiris.com/retail/product-category/bracelets/
Here is what I would like it to look like:
Hey Joco340!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_cart_buttons button.button.alt {
float: left !important;
}
.avia_cart_buttons span {
position: relative;
top: 54px;
}
a.button.show_details_button {
float: right!important;
margin-top: -42px!important;
}
Cheers!
Yigit
Hi Yigit,
Thank you so much for the code. I had to tweak the code a little to get everything to fit exactly the way I wanted, but your code helped set everything up properly to get it all fixed. Attached the code I used for others to play with.
.avia_cart_buttons button.button.alt {
float: left !important;
}
.avia_cart_buttons span {
position: relative;
top: 54px;
}
a.button.show_details_button {
float: right!important;
margin-top: -42px!important;
}
button.button.alt {
float: left!important;
margin: 0 0 0 20px;
}
span.button-mini-delimiter{
position: relative;
top: -39px;
}
.avia_cart_buttons {
opacity: 1;
}
Hi,
Great, glad we could help and thanks for sharing your solution! :-)
Best regards,
Rikard
Hey Joco340, care to explain how you got the quantitybutton in that form?
I found this working for me:
Hi,
@Pixelbits Glad it worked for you and thanks for sharing the link :)
Let us know if you have any other questions or issues!
Best regards,
Yigit