Edit the look of the contact form on envy theme

[flammagreg]

Hi guys, 

I would greatly appreciate any help on this!! I am looking to make my contact form have a rectangle surrounding the whole entry (for every entry) just like the "message" entry. Website: seraneeva.com

[pawankumar · Accepted solution]

Hi @flammagreg 
Please put this code in theme.liquid before body closing tag </body>

<style>
#ContactForm input{
    border: 1px solid var(--border-color);
    padding: 10px;
}
</style>

It will result in like this

Thanks!

[flammagreg]

Thank you!! Any chance do you know how to move the stars on the required sections to be after the text and have a space between the text and star?

[pawankumar]

@flammagreg 
Put this code in theme.liquid before body closing tag

<style>
.reviews-star-rating__stars {
order: 2;
}
</style>

Final result will be like this

Thanks!

[flammagreg]

The stars on the required sections of the contact us page

[pawankumar]

@flammagreg 
You have to do it through liquid code, search for a file like contact.liquid or similar file and edit it from there
Thanks!