Center contact form

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
Shopify Partner
257 23 30

This is an accepted solution.

Hi,
It looks like the store is password protected!

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
Give a try to Shopify APP: https://apps.shopify.com/short-track
0 Likes
Highlighted
New Member
4 0 0

Hi i have managed to figure it out! Thanks!

0 Likes