Reduce line width of legal pages

Topic summary

A user seeks to reduce the line width specifically on legal pages located under “The Company” header on their Shopify store.

Proposed Solution:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom code inside the <head> tag that targets specific URLs

Technical Implementation:
The solution uses Liquid templating to conditionally apply CSS based on URL patterns. The code checks if the full URL contains ‘about-sareena’, ‘legal’, or ‘returns’ and applies custom styling to those pages only.

Status: The helper provided code snippets and screenshots demonstrating the implementation and expected results. The issue appears to have a working solution pending user confirmation.

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

Hi guys, ive been stuck on this for a while now. Does anybody know how to reduce the line width on just the pages underneath “The Company” header on my website?? Any help would be greatly appreciated!

Website: seraneeva.com

Hi @flammagreg ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Inside tag head. After you’ll insert my code inside it

{% assign full_url = request.host | append: request.path %}
{%- if full_url contains 'about-seraneeva' or full_url contains 'legal' or full_url contains 'returns' -%}
    
{%- endif -%}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like