Changing Blog Width in Narrative Theme

Highlighted
Excursionist
20 1 1

I want to make my blog post and photos full width like the home page is designed in the Narrative Theme. 

Is this possible, if so how do code it. 

0 Likes
Highlighted
Shopify Expert
1380 112 211

Hi @photoballard ,

 

Can you please share your store URL?

0 Likes
Highlighted
Excursionist
20 1 1
Highlighted
Astronaut
1011 91 120

can you give any blog post link?

 

I will check it on browser

you are welcome to contact me.
My email - suyash.patankar@gmail.com
Highlighted
Excursionist
20 1 1

https://www.photoballard.com/blogs/news/check-one-twp

 

I inserted the bottom photo 2000 pixels wide and sized itself down to like 750 of something, 

0 Likes
Highlighted
Excursionist
20 1 1

Any type of media I insert into a blog post has amax width of around 720 pixels. I want to increase the blog post width out so that I can make the media or text wider. Does that make sense.

0 Likes
Highlighted
Shopify Expert
96 17 18

@photoballard - Your page width has a maximum width applied so regardless of the content size, it will keep getting sized down :(

 

For a fix, you can adjust your blog article template to not have a max-width.  Try this:

 

1) Go to your article.liquid template and add this to the bottom:

.page-width {
max-width:none;
}

2) Click Save.

 

Tada!  If this works, like my comments and mark this as solved ;)

0 Likes
Highlighted
New Member
1 0 0

Hello! I am also using the Narrative theme but would like more than two posts in a row, ideally 4. Is that possible and how would I do it?

0 Likes
Highlighted
Tourist
17 0 2

Hi

I did this for my blog. i am using Live theme. 

Here is the link https://unigrocer.com/blogs/unigrocer/is-sugar-bad-for-your-brain

 

it just says the code at the bottom of the page. no changes to width

0 Likes
Highlighted
Astronaut
1011 91 120

@unigrocer 

you need to add this to theme.scss file, did you do that?

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes