How to change the width of pages and blog posts California ?

[Luc8k]

Hello,

I would like to change the width of the all pages and blog posts/articles on the California theme. To read an article or a info page is really hard with this flu width.

I tried a few codes I have found in the community, sadly all not successful. Maybe you know a solution.

Example blog article: https://luc8k.com/blogs/general-news/reimagining-luxury

All pages: https://luc8k.com/pages/leather-craftsmanship

Thanks so much for your help.

[GemPages · Accepted solution]

Hello @Luc8k ,

I would like to give you some recommendations to support you:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </head>

<style>
.template-page .layout, .template-article .layout {
  max-width: 100% !important;
  width: 1600px;
}
</style>

For example,

 If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[GemPages · Accepted solution]

Hello @Luc8k ,

I would like to give you some recommendations to support you:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </head>

<style>
.template-page .layout, .template-article .layout {
  max-width: 100% !important;
  width: 1600px;
}
</style>

For example,

 If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[Luc8k]

Thanks soooo much it worked perfectly. I adjusted the size a bit. Now it shows as we like. 😄

Thank you very much.

Cheers

[MXJEWELRY]

Hi I’m facing the same issue, hope you can have a look at my website, I’ve tried the code but didn’t work for me, thank you in advance 

https://mexajewelry.com/pages/acerca-de-nosotros

[PageFly-Victor · Accepted solution]

Hi @Luc8k,

This is Victor from PageFly - Shopify Page Builder App.

Please try this way: At code after </head> of theme.liquid

  {% if template== 'pages'  or template=='blogs'%}

    <style>

      .template-page .layout, .template-article .layout{

      max-width:100% !important;

      width:100% !important; 

     }

      .custom-page{

      width:100% !important;

      max-width:100% !important     

      }

    </style>  

  {% endif %}

Hope my solution works perfectly for you!

Regards,
Victor | PageFly

[Luc8k]

Thanks so much. It works with your code as well. 😄

Cheers

[GemPages]

Hello @Luc8k ,

I am so glad that my solution can help.

Best regards,
GemPages Support Team