Link: https://mdnzn6tes8a76khb-65734639831.shopifypreview.com
Topic summary
A user is seeking help to reposition the text “Free (within Sweden)” to align it to the right side, directly under the price on their Shopify cart page.
Solution Provided:
- A CSS code snippet was shared to right-align the text by adding
text-align: end !important;to the.cart-reward-modal.cc-popup .cc-popup-contentselector in the theme’s CSS file (base.css, style.css, or theme.css). - The solution was confirmed to work based on a result screenshot.
Follow-up Questions:
- The original poster asked if it’s possible to keep the “SHIPPING” text aligned to the left while moving only the “Free (within Sweden)” text to the right. This would require editing the HTML code to separate the full sentence.
- They also inquired about adding payment icons under the checkout button, which would need developer assistance to implement the icons and links.
Status: The initial alignment issue appears resolved, but additional customization requests remain open and require more advanced development work.
1 Like
Hi @OneCap
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.cart-drawer-modal.cc-popup .cc-popup-content {
text-align: end !important;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Possible to have the text “SHIPPING:” stay back to the left?
1 Like
Another question I have for you is: Do you know how to add payment icons under the check out button?
That is a whole sentence, in order to separate that you need to edit the HTML code.
1 Like
That needs a developer to add the icons and links for the payment. Thanks!
1 Like
How do I do that?
how do i do that?