How can I make my blog post full width on the Symmetry theme?

Store Design
,
1

Hi, I have added a blog post to my website but it is only in the small portion of the center. I cannot get it to go full width. I am using the Symmetry theme.

Thanks for the help.

2

Hey Victoria,

Do you mind sharing your store url? I can take a look.

3
4

https://clarathelabel.com/blogs/letters-from-india/welcome-to-clara-the-label

5

Perfect, thanks you.

In the customizer, open a blog post and enter this code in the CSS field on the right.

Screenshot 2023-06-21 at 4.20.26 PM.png
Screenshot 2023-06-21 at 4.20.26 PM.png584×738 31 KB

.article .container {
max-width: unset !important;
}

This should do the trick :slightly_smiling_face:

6

Hi @Victoriadunn ,

It seems like you are using a page builder application. Using page builder applications can sometimes slow down your site. Instead, consider utilizing Shopify’s native blog templates and customizing the code to achieve a full-width layout without sacrificing speed.

7

Hi @Victoriadunn

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Styles.css

#shopify-section-template--19257520849214__main .article .container {
    max-width: unset !important;
    padding: 0px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly