How do I customise the contact form box sizes and titles?

[kickduo]

im looking to change the sizes of the boxes and im also trying to change some of the titles inside of the boxes how do I go about it?

[irene-vintage]

Hello @kickduo ,

To change the size of the contact form and the titles inside the boxes in Shopify, you’ll need to make some changes to the CSS styles of your theme. Here’s how:

• Go to Online Stores → Themes → Actions → Edit Code
• Click on “Assets” and then open your theme’s stylesheet (usually called “theme.scss.liquid”).
• To change the size of the contact form, you’ll need to find the CSS styles that are applied to the form. You can try searching for the class or ID name of the form in your stylesheet. For example, if your contact form has an ID of “contact-form”, you can search for “#contact-form” in your stylesheet.
• Once you’ve found the CSS styles for the contact form, you can adjust the height and width properties to change the size of the form. For example:

#contact-form {
  width: 80%;
  height: 400px;
}

• To change the titles inside the boxes, you’ll need to find the HTML code for the titles in your theme’s code. This might be located in a section or snippet file, depending on how your theme is structured.
• Once you’ve found the HTML code for the titles, you can modify the text as needed.
• If you want to change the styles of the titles (such as the font size or color), you can add CSS styles to your stylesheet to target the appropriate elements. For example, if your title is wrapped in an h2 tag, you can add the following CSS:

h2 {
  font-size: 24px;
  color: #333;
}

• Save and preview

Hope this can help. Let us know if you have any further questions.

Regards,

Ali Reviews team.