Hey,
I am trying to shift the sides of my labels within the contact page form.
I have added the following code (the changes marked in pink) to this file: contact-form.liquid
Code
{%- style -%}
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
/* Align labels to the right in the contact form */
.contact .contact__fields .field__label {
text-align: right;
}
}
I can’t see any difference.
Any suggestions ?
@itaygil8 - can you share this contact page link?
@itaygil8 - add this css to the very end of your base.css file and check
.contact__fields .field__label{right: 15px;}
It worked only on the first two fields of the form (:
How can I change the other two ?
@suyash1
@itaygil8 - add this as well
#ContactForm .field__label{right: 15px;}
I have added your code like this:
}
.contact__fields .field__label{right: 15px;}
.ContactForm .field__label{right: 15px;}
}
can’t see changes on the last two fields 
@itaygil8 - added wrongly, remove last “}”
I did not understand yet, what the final code line I should implement in order to align all the fields in the form.
@suyash1
What do you mean by “remove last”
What is the final code line ?
@suyash1
@itaygil8 - this should be the last line
.ContactForm .field__label{right: 15px;}
@Suyash
This is my final line of codes in the base.css file:
Still,I have left with one filed that is still aligned to the left, adding my website again:
https://1e6cf0.myshopify.com/pages/contact
Regards
