Tagged: Buttons, rtl, woocommerce
comparing my shop to the one in enfold shop demo there are some noticeable differences
I presume it got something to do with the fact that my site is RTL site
and that i t can be fixed with a few css modification?
first bug:
in the main shop page and category pages all the text and buttons under the product pics is aligned to the right – in the demo shop it’s centered
– please take al look in the first link and screen shot in the private content
(i tried to canter them by my self but when did and became centerd in the inner product page too which is not good)
second bug:
in the inner product page ‘add to cart’ button is under the +/- quantities button – in the demo shop they are one next to each other
Hey Doron,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .woocommerce-LoopProduct-link,
.inner_product_header, .product-meta {
text-align: center;
}
div form.cart div.quantity {
width: 18%;
min-width: 130px;
}
If you need further assistance please let us know.
Best regards,
Victoria
PERFECT!
thank you so much!
oops..
there is still a bug
in the main shop page it works fine (thanks!) BUT if you go into one of the categories
the quantity button isn’t centered (while everything else is)
can we fix it too?
OK
I added
.archive .quantity {
display: inherit;
text-align: center;
}
and now categories pages also look fine
thanks again!
Hi,
Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close it
Thank you very much!