Text alignment

Shopify Discussion

Topic summary

A user seeks help adjusting text alignment and spacing on their Shopify product page for a subscription option.

Initial Issue:

  • Wanted to add space before “one-time purchase” option to match the alignment of “delivery every month”
  • Included screenshot showing the misalignment

Solution Provided:

  • CSS code targeting .shopify_subscriptions_app_block with margin-right: 5px !important; successfully resolved the spacing issue

Follow-up Request:

  • User then asked how to shift the entire text area left to create more space on the right side
  • Provided another screenshot showing the layout concern

Additional Solution:

  • CSS code using .product__wrapper .product__info with padding-right: 150px was suggested
  • Value can be adjusted based on specific spacing needs

Both solutions involve adding custom CSS to the base.css file. The discussion appears resolved with working code provided for both alignment issues.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

hem0903_1-1735655798081.png
hem0903_1-1735655798081.png923×113 6.42 KB

I want to add space before one-time purchase, just like delivery every month

url - https://puurfection.co.uk/products/uk-grown-lions-mane-capsules-400mg-high-potency-with-pure-hot-water-extraction

2

Hey @hem0903 ,

Add this CSS to your base.css file:

.shopify_subscriptions_app_block [data-radio-type=“one_time_purchase”] {
margin-right: 5px !important;
}

This should work :slightly_smiling_face:

Cheers!
Shubham | Untechnickle

3

@TheUntechnickle
It worked, can you please tell me, how can I move text area on left, need more space on right side

hem0903_0-1735657374005.png
hem0903_0-1735657374005.png1022×756 53.9 KB

4

Add this CSS:

.product__wrapper .product__info {
padding-right: 150px;
}

You can modify the value according to your needs :slightly_smiling_face:

Cheers!
Shubham | Untechnickle