Origin Theme - Making Image Header as a background overlapping Contact Form

[gmuink]

Hi,

How would I be able to overlap contact form with the image header in CONTACT page?

My website is itisoukay.com

PW → WAIT

Thank you!

[suyash1]

@gmuink please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

#MainContent{position: relative;}
#shopify-section-template--15212424364078__17366185654a472394{position: absolute; top: 0;
left: 50%;  transform: translateX(-50%);}

[gmuink]

@suyash1 Thanks for prompt response but it does not make any changes. If I see on mobile version it somehow changes the position but it’s not working. Do you have other codes?

[suyash1]

@gmuink these 2 are completely different sections, unfortunately no other code

[DaisyVo]

Hi @gmuink

I don’t see the form you are asking about when I open the homepage.

Could you please share the link of the page where I can see the form?

Best,

Daisy

[gmuink]

Hi @DaisyVo ,

Please see the link below.

https://itisoukay.com/pages/contact-1

PW → WAIT

Thank youu

[gmuink]

Hello @DaisyVo , were you able to access it?

[DaisyVo]

Hi @gmuink

Sorry for the late reply. I saw the page is 404, do you need any help

Best,

Daisy

[gmuink]

Hi @DaisyVo

yes, can you please help applying opacity to white backgound on the contact form, button?

I want the backgound image to be slightly shown.

[gmuink]

@DaisyVo

link is below:

https://itisoukay.com/pages/contact