Center contact form fields

Solved
Highlighted
New Member
4 0 0

Hi, I am trying to center my contact form for page.contact but I am having trouble figuring it out. I have the mr.parker theme btw if that helps. I have provided you with the link to the page to see what I am talking about. My text wording is centered where the form is aligned to the left.

https://sayuskin.com/pages/contact-us

Thanks! 

 

Here is the code for that page

<div id="page" class="{% if section.settings.show_narrow_page %}desktop-8 desktop-push-2{% else %}desktop-12{% endif %} tablet-6 mobile-3 page-template" data-section-id="{{ section.id }}">
<div id="page-content"{% if linklists[section.settings.pagelist] != blank %} class="desktop-9 tablet-4 mobile-3{% endif %}">
<h1>{{ page.title }}</h1>
<div class="rte">
{{ page.content }}
{% include 'custom-contact' type: section %}

</div>
</div>


{% if linklists[section.settings.pagelist] != blank %}
<div id="sidebar" class="desktop-3 tablet-2 mobile-3">
<label>{{ section.settings.page_sidebar_title | escape }}</label>
<ul>

{% for link in linklists[section.settings.pagelist].links %}
<li>{{ link.title | link_to: link.url }}</li>
{% endfor %}
</ul>
</div>
{% endif %}


</div>

{% schema %}
{
"name": "Page options",
"settings": [
{
"type": "checkbox",
"id": "show_narrow_page",
"label": "Reduced page width",
"info": "For narrow pages"
},
{
"type": "text",
"id": "cf_heading",
"label": "Heading",
"default": "Contact Us"
},
{
"type": "range",
"id": "cf_max_width",
"min": 600,
"max": 1000,
"step": 100,
"unit": "px",
"label": "Form Width",
"default": 800


},
{
"type": "checkbox",
"id": "cf_show_first_name",
"label": "Show first name",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_last_name",
"label": "Show last name",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_company_name",
"label": "Show company name",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_address",
"label": "Show address",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_website_url",
"label": "Show website url",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_phone",
"label": "Show phone number",
"default": true
},
{
"type": "checkbox",
"id": "cf_show_subject",
"label": "Show subject",
"default": true
},
{
"type": "header",
"content": "Custom Field One"
},
{
"type": "checkbox",
"id": "cf_show_custom_field_one",
"label": "Show custom field one",
"default": false
},
{
"type": "text",
"id": "cf_custom_field_one",
"label": "Field Placeholder",
"default": "Custom Field One"
},
{
"type": "select",
"id": "cf_custom_field_one_type",
"label": "Field Type",
"default": "input",
"options": [
{
"value": "textarea",
"label": "Multiple line text"
},
{
"value": "input",
"label": "Single line text"
}
]
},
{
"type": "header",
"content": "Custom Field Two"
},
{
"type": "checkbox",
"id": "cf_show_custom_field_two",
"label": "Show custom field one",
"default": false
},
{
"type": "text",
"id": "cf_custom_field_two",
"label": "Field Placeholder",
"default": "Custom Field Two"
},
{
"type": "select",
"id": "cf_custom_field_two_type",
"label": "Field Type",
"default": "input",
"options": [
{
"value": "textarea",
"label": "Multiple line text"
},
{
"value": "input",
"label": "Single line text"
}
]
}
]
}
{% endschema %}

0 Likes
Highlighted

This is an accepted solution.

Hello @tishyxboo,

Your store is password protected.

Please share the password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi i have managed to figure it out! Thanks

0 Likes