Hi,
on http://goodfuid.webdesigninnerleithen.com/takeaway-order/ if I add products to my basket the widget buttons are not displaying correctly and I just can’t seem to get them to work. The View basket is aligned left and the Checkout aligned right, there’s no margin.
I’m targetting them with the selector
p.woocommerce-mini-cart__buttons.buttons > a {width:100%!important;}
and while the Checkout button is now 100%, the View basket button still doesn’t display correctly.
I’ve checked my CSS and I don’t have any custom stuff causing this.
Thanks,
Hi DigitalEssence,
Thanks for providing the link.
I have checked on it but I don’t see any issues on my end. (screenshot in private content)
Can you give us a screenshot of how it looks on your end?
Best regards,
Nikko
Hi Nikko,
Thanks for your reply.
I’m not seeing the same as you and my buttons are the theme color of green.
I’ve taken a screenshot of the site in Edge (which I never use) Chrome (Ingognito mode) and Firefox which is a brand new, just installed this moment install and uplaoded the image to imgur.
Hi DigitalEssence,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top .sidebar .widget_shopping_cart .button {
display: block;
text-align: center;
width: 100%;
margin-bottom: 16px;
}
Best regards,
Nikko
Hi Nikko,
that’s done it!
Thank you.
Hi DigitalEssence,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko