How can I adjust the height of a custom HTML section on my homepage?

Store Design
1

Hi,

Please can someone assist me.

My website is www.electricrideco.com

I have a custom html section on my homepage containing icons and I would like to change the height of the section.

I would like the section to be changed to approx. the height of the red box in the screenshot below:

Screen Shot 2022-02-21 at 6.53.22 PM.png
Screen Shot 2022-02-21 at 6.53.22 PM.png1280Ă—670 478 KB

Thanks in advance for your help.

1 Like
2

Hi @guyv ,

Please open your code editor. Online store > Themes > Actions > Edit code. Open the Asset folder, and find the theme.scss file. Then add the code below.

#shopify-section-1641540086e4ae1f73 > div > div > div{
    padding: 10px 30px 5px 30px !important;
}

If this helps, please mark as a solution. Thank you

3

@guyv ,

For some reason, my recommendations does not show up and it says “per moderators approval.” I posted two recommendations and none of it shows up. Sorry about the delay

1 Like
4

Hi @guyv ,

You just need to add this code to your theme.scss file. Third posting by the way (",)

#shopify-section-1641540086e4ae1f73 > div > div > div {
    padding: 10px 30px 5px 30px !important;
}

Please mark as a solution if this helps.

1 Like
5

@made4Uo

That’s strange. Can you send me the code in a private message?

6

@guyv ,

I was able to post it. See reply above

7

@made4Uo

Perfect! Thanks so much for your help.

1 Like