Custom format for 'Columns with icons' section (Jumpstart)

Excursionist
22 2 0

Hi all!

 

I added a new section to the website and have been trying to adjust it so that it suits my needs better. I managed to adjust size and color of the feature headings, so yay!

 

Now I still want to fix a couple of things:

 

- Spacing between the 3 columns: I'm happy with the spacing left and right of the container, but in between the 3 columns there is a lot of dead space. How do I decrease that - but only that! - space?

 

- The heading Why Juvalicious? could benefit from a) centering it and b) making it bigger. Potentially that would mean to match it to the style of the "Online Store" heading below.

 

Can anyone help with this? 

 

www.juvalicious.com

 

Thank you!

0 Likes
Shopify Partner
918 129 123

Hello ,
Please put this css code in at the bottom of this file hope it will work for you.
theme -> assets-> theme.scss.liquid

 

 

.home-features .home-section-title {
font-size: 30px;
width: 350px;
margin: 0 auto;
color: #313131;
font-weight: 600;
}
.home-features .features-list .grid__item { padding: 0 2%; }

 

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
0 Likes
Highlighted
Excursionist
22 2 0

Thanks for your help! 

Unfortunately it's not quite what I meant - especially for the padding issue. The entire section is now moved to the left, which I was trying to avoid!

 

 

Screen Shot 2019-08-16 at 12.04.11 AM.png

0 Likes
Shopify Partner
918 129 123

Hello ,

You can set column heading to left as well. Column heading on center looks not good.  Or share and reference screen if you can.

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
0 Likes
Shopify Partner
918 129 123

section space.jpg
For this look i just used this code, i think you are talking about similar to this .

.home-features .home-section-title {
font-size: 30px;
width: 350px;
margin: 0 auto;
color: #313131;
font-weight: 600;
}

.home-features .features-list .grid__item {
	padding-left: 4%;
}

.home-features .features-list .grid__item:first-child {
    padding-left: 8%;
}
Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
0 Likes