Is It Possible To Change The Size of Individual Sections?

Solved
New Member
4 0 0

Hey all, I am trying to change the padding on the top and bottom around a specific section on the home page of my store.  Specifically, the newsletter section in the Narrative theme.  I don't want to alter the padding of all the sections, just the one.  Is it possible to do this?

0 Likes
Shopify Partner
1657 278 347

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
4 0 0

sarmspharma.shopify.com

 

0 Likes
Astronaut
835 95 180

can't get in without a password.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Excursionist
37 2 3

Hey @atsatlantic57 

It's password-protected(http://prntscr.com/okj2ka) .

Can you please disabled either share your storefront password

 

Thanks!

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: info@biterscode.com
Skype: ramani.sandip948
0 Likes

Success.

Shopify Partner
1657 278 347

Hi @atsatlantic57 

Follow this:

If you want to remove space just from Newsletter then follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 750px){.newsletter-wrapper {padding-top: 20px;padding-bottom: 20px;}}

If you want to remove space form other section too then add this:

.hero--medium .hero__inner{ padding: 50px 0; }
.newsletter__subheading { margin: -20px 0 0px; }
.highlight {padding:0;}
@media only screen and (min-width: 750px){.featured-collection {    padding: 55px 0;}}
@media only screen and (min-width: 750px){.hero--large .hero__inner {padding: 65px 0;}}

Note: If some css can't affect then add !important in css like  padding: 55px 0 !important; 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Highlighted
New Member
4 0 0

Thank you so much!

0 Likes