Change Height of friend referral section

[TheGiftOfOil]

Hi, currently to get to the 'Refer a Friend' form on our site, the user has to scroll down in the section. Is there a way to extend the height of the section so the form is visible without scrolling?

[LizHoang]

Hi @TheGiftOfOil 

Thanks for your question. 

Can you share with me the URL of the page has form to check on it for you? 

Thank you. 

[TheGiftOfOil]

These are two links to the page. One from the shopify editor and one from the normal site 

https://admin.shopify.com/store/giftofoil/themes/125647061054/editor?customCss=true&previewPath=%2Fp...

https://www.thegiftofoil.co.uk/pages/refer-a-friend

[LizHoang]

Hi @TheGiftOfOil 

Thanks for sharing. You can follow the instruction to resolve the issue: 

1. Go to Shopify > Theme > Edit code > Navigate to theme.css file. 

2. Find the code  line " height: 216 !important; " > then delete it. Screenshot  

I hope it helps

[namphan]

Hi @TheGiftOfOil,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.homepage-section--friend-referal iframe#refcandy-candyjar {
    height: 900px !important;
}