Prestige Theme - change contact form design

[admintb]

Hi there

I would like to have the name and email block each on one line:

And also remove the round border and make it like this:

[Made4uo-Ribe]

Hi @admintb 

Unfortunately, some of us developers do not have access to paid theme. Do you mind sharing your website so we can take a look? If it is password protected, can you also share the password. Thank you

[PageFly-Oliver]

Hi @admintb ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#contact_form .fieldset>.fieldset-row{
  grid-template-columns: 1fr !important;
}
#contact_form .fieldset input,#contact_form textarea{
  border: none !important;
  border-bottom: 1px solid rgb(var(--border-color)) !important;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[admintb]

That works, can you place the text all the way to the left margin?

[PageFly-Oliver]

Can you give me the URL so I can re-check?

[admintb]

https://hggvyhw3orklvcm3-70487015690.shopifypreview.com

[PageFly-Oliver]

Hi, 
can you give me the preview link again? it has expired Thanks