Expand the padding size of the web page (Brooklyn Theme)

Highlighted
Explorer
53 1 6

Hey everyone,

 

I would like to ask on how to expand padding on the web page that I am using (Brooklyn Theme).  I want to enlarge the size of the web page of mine. I already expand the article page and the homepage my problem now is the featured blog page (Culture, Entertainment, Lifestyle, and YA). Here is the the current page: 

1234.jpg

 

Thank you if someone can teach or show me how to that and trace were to change the code.

Website: https://youngadult.com.ph/

Password: 080102 

featured-blog page: https://youngadult.com.ph/pages/blog

 

Sincerely, 

Young Adult

0 Likes
Highlighted
Shopify Partner
2327 507 658

Hey @YoungAdult,

Please add the following code at the bottom of your assets/timber.scss.liquid file.

@media screen and (min-width: 591px) {
.wrapper {   padding: 0px !important; }
}

Let me know if this works for you.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Explorer
53 1 6

Hi @dmwwebartisan,

 

It works on the .wrapper but I want to achieve like more expansion overlap in the header at least max-width of 90%. 

Thank you in advance. 

Sincerely, 

 

Young Adult

0 Likes
Highlighted
Shopify Partner
2327 507 658

Hey @YoungAdult,

Then please try the following code.

@media screen and (min-width: 591px) {
.wrapper {   max-width: 100% !important; }
}

 

Let me know if this works!

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
53 1 6

It shrinks the featured blog. Widen scale of the featured blog. just like this one.

 

Screen Shot 2020-08-24 at 4.17.31 PM.png

0 Likes
Highlighted
Shopify Partner
2327 507 658

Hey @YoungAdult,

Remove that code. I will send you a new one.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
2327 507 658

Hey @YoungAdult,


You need a blog page middle width like home page, right?

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
2327 507 658

Hey @YoungAdult 

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Asset > style.min.css and paste this at the bottom of the file:

@media screen and (min-width: 591px) {
.template-article .wrapper { max-width: 100% !important; }
}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes