Change the width of the form, Inline for Shopify Forms App

Change the width of the form, Inline for Shopify Forms App

larapretorius88
Tourist
8 0 3

Can someone please help me solve this.

 

I use the Prestige Theme.

 

I am using the Shopify forms app and an inline form, I need to change the width of the form, it's so small on the screen. Here is the link: https://us.onlyprohair.com/pages/application-process

 

Replies 5 (5)

techlyser_web
Shopify Partner
1767 327 352

Hello @larapretorius88 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   ._inline_whyqz_45 ._formContainer_whyqz_30 {
        max-width: 96% !important; /*adjust according to you*/
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

brandography
Shopify Partner
119 25 21

Hi @larapretorius88 ! You could try adding this code to the bottom of your theme.css file and clicking save:

 

._noImage_whyqz_158 {
    width: 75% !important;
    max-width: 900px !important;
}

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website

BSS-TekLabs
Shopify Expert
391 122 131

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it. 

._inline_whyqz_45 ._formContainer_whyqz_30 {
 max-width: 65% !important;
}

- "If you want it wider, increase 65% to a larger number, and vice versa."

- Here is the result you will achieve:

BSSTekLabs_0-1719240794329.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
larapretorius88
Tourist
8 0 3

Thank you. I have tried all 3 ways and it is still not working. I don't know what I'm doing wrong

BSS-TekLabs
Shopify Expert
391 122 131

Please inbox me so I can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency