Solved

Reduce line width of legal pages

flammagreg
Trailblazer
235 0 38

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

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
660 204 219

This is an accepted solution.

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 

BSSTechVenture_1-1716392277417.png

{% assign full_url = request.host | append: request.path %}
{%- if full_url contains 'about-seraneeva' or full_url contains 'legal' or full_url contains 'returns' -%}
    <style>
      .width--narrow {
    	max-width: 570px !important;
      }
    </style>
{%- endif -%}

Here is result: 

BSSTechVenture_2-1716392325278.png

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Reply 1 (1)

BSSCommerce-HDL
Shopify Expert
660 204 219

This is an accepted solution.

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 

BSSTechVenture_1-1716392277417.png

{% assign full_url = request.host | append: request.path %}
{%- if full_url contains 'about-seraneeva' or full_url contains 'legal' or full_url contains 'returns' -%}
    <style>
      .width--narrow {
    	max-width: 570px !important;
      }
    </style>
{%- endif -%}

Here is result: 

BSSTechVenture_2-1716392325278.png

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development