Shape 5

Joomla Templates => Curb Appeal - Club => : rodriguezj December 30, 2017, 04:09:20 PM



: css error in the quick contact form
: rodriguezj December 30, 2017, 04:09:20 PM
hello

in the quick contact form the black square where it say "contactanos" is not covering the grey part at the bottom it colapse. i send you a image with a red line where the error occur

thanks hope some help


: Re: css error in the quick contact form
: mikek January 02, 2018, 08:13:31 AM
Hello,

That's because you have more items in the quick contact than what it was designed for and is pushing to a second row. What I would recommend doing is reducing the input widths so that they all fit on one line again. Adding the following to custom.css should accomplish this:

#s5_pos_custom_4 #s5_quick_contact span {
width:14%;
}


: Re: css error in the quick contact form
: rodriguezj January 02, 2018, 02:16:57 PM
Hello thanks for the help

but the error continue, the button is in the second line and the boxes are cheaper. i think the the best thing is modify the css for the part black go to the bottom instead of reduce the width?


thanks and hope some help


: Re: css error in the quick contact form
: mikek January 03, 2018, 08:13:06 AM
Hello,

The css I provided would not have caused what is being showing in the screenshot, it would only reduce the inputs to fit on one row. Please post a public url to your site so I can see the code live; your site is currently asking for a login.


: Re: css error in the quick contact form
: rodriguezj January 03, 2018, 11:48:43 AM
thanks for the time

the url is https://www.hescaing.com/
user:
user
pass:
user12345

and can you tell me if the site appears in english or spanish?

Thanks!!!!!


: Re: css error in the quick contact form
: mikek January 04, 2018, 08:51:51 AM
Hello,

The inputs are not showing properly because you have made modifications to the template.css file. You should not be editing that file, any edits should be in custom.css.

At line 662, you need to change the width back to 73%, you have changed it to 14%:

#s5_pos_custom_4 #s5_quick_contact

After that you have not applied the css I gave above in your custom.css file. I'm going to modify it a little bit because you can get a bigger width to fit.

#s5_pos_custom_4 #s5_quick_contact span {
width:17%;
}

That needs to go into custom.css

Once you make those two changes it will show on one line.

Also, your site is showing in English.