Hi there, we’ve recently added a donations app to our store, but the widget is left-aligned. Can you help?
Hi can you share the store url? thanks
Can you try activating the app? so i can provide a solution
It will not be active for 48 hours, due to a payment integration wait period, but as soon as it’s up I’ll reply back that it is active. Thank you in advance
Hi Kazi, the app is active. Can you help? Thank you so much
@LAMBERTONES try this css in styles.scss.css
.shoppinggives-tag {
text-align: center !important;
}
or in theme.liquid before
.shoppinggives-tag { text-align: center !important; }Unfortunately neither of those are working.
You can see in the bottom left corner of the screen it is still left-aligned.
Thoughts?
@LAMBERTONES can you try adding it bottom of theme.liquid right before the tag
Hi @LAMBERTONES ,
Can you please share the store URL and password? thanks
Hi there, we ended up changing the way the widget worked. But I have another issue:
https://lambertones.store/pages/you-shop-we-give
This widget reporting the amount donated is not centered. Is there a way I can edit this CSS to center it and/or change the style of it? There’s a scroll bar on the right side too, so weird. The app company sent this code to us saying we would be responsible for the custom CSS..
This is the code they gave me :
Go to Assets > styles.scss.css put this css at very bottom
#you-shop-we-give .reading-width .container {
max-width: fit-content !important;
margin: 0 auto !important;
}
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >styles.scss.css and paste this at the bottom of the file:
#you-shop-we-give .reading-width .container {
max-width: fit-content !important;
margin: 0 auto !important;
}
Screenshot :- https://img001.prntscr.com/file/img001/tjfWA-2WQ7Gckib-ZbMlZQ.png
1 Like
