We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Contact form width and fileds

Featured Lock Resolved Issue
Hi!

I want use contact form but this size is not full width, how i can fix this (please see attachment)
and is it possible make self some new fileds?

Attachments (1)

  • Screen Shot 2017-03-30 at 12.17.28.png
    Screen Shot 2017-03-30 at 12.17.28.png 29.1 KB

8 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. If you wanna full width of your input field of contact addon. Then add this css code
Extension > Template > Open your template > Custom code > css box


.sppb-ajaxt-contact-form .sppb-form-group input, textarea {
width: 100%;
}



-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Isn't possible to add the new field. Please share your site URL.

-Thanks

Günther

More than a month ago #Permalink
Hi,

Isn't possible to add the new field. Please share your site URL.

-Thanks
https://large.myface.ee/index.php/en/
scroll down and you see this contactform is too small :S

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Add this css code inside of your template manager custom code tab > css box.


.sppb-ajaxt-contact-form .sppb-form-group input, textarea {
width: 100%;
}


-Thanks

Günther

More than a month ago #Permalink
Hi,

Thanks for your reply. Add this css code inside of your template manager custom code tab > css box.


.sppb-ajaxt-contact-form .sppb-form-group input, textarea {
width: 100%;
}


-Thanks
Hi, sorry but now i dont understand what file i have to use, You mean ROW option and CSS Class or
Addons options and CSS class?

Günther

More than a month ago #Permalink
Hi,

Thanks for your reply. Add this css code inside of your template manager custom code tab > css box.


.sppb-ajaxt-contact-form .sppb-form-group input, textarea {
width: 100%;
}


-Thanks
Hi, sorry but now i dont understand what file i have to use, You mean ROW option and CSS Class or
Addons options and CSS class?
or you mean this?

Attachments (1)

  • Screen Shot 2017-03-30 at 15.34.17.png
    Screen Shot 2017-03-30 at 15.34.17.png 101.3 KB

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Add this css code inside of your template manager custom code tab > css box.


.sppb-ajaxt-contact-form .sppb-form-group input, textarea {
width: 100%;
}


-Thanks
Hi, sorry but now i dont understand what file i have to use, You mean ROW option and CSS Class or
Addons options and CSS class?
or you mean this?



Hi, Do you use our template? Please let me know. Thnaks


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

334157

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us