Shopify themes, liquid, logos, and UX
I'd like for the form to take up more space than that. It was wider before but I changed the theme recently and I have a feeling that might have something to do with it "shrinking."
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.contact-form input, .contact-form textarea {
min-width: 80% !important;
}
Hope this works.
Thanks!
@dmwwebartisan would you happen to have a code to center the contact form instead of make it wider?
wozkat.myshopify.com - creoff
cheers 😄
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.contact-form.form-vertical{
text-align: center;
}
form#contact_form{
display: inline-block;
}
Hope this works.
Thanks!
Hello there, the code doesn't seem to work on what I want to do below:
when I use the code:
.contact-form.form-vertical{ text-align: center; }
form#contact_form{ display: inline-block; }
It looks like this below:
I used the earlier codes to extend my form and managed to center the "Contact" title, but I cant seem to align the form in the center with the title. Can you help? Thanks.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024