Joomla Extensions Club 20,483 posts

[f1rdaus Friend f1rdausJoin date: May 2014Posts: 11Downloads:0Uploads:3 Thanks: 23]

#200535

Hello all,

How can I make the form box smaller to stabilise it with the extension in the same row.

Refer to the screenshot given.

Thanks!

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546145

As you are using a RocketTheme template . . . Need you to look for the “Gantry” equivalent of setting “Optimize CSS” to “No” – as would be done (within a JoomlArt template) within Template Manager–General settings.

It may be a “Compile CSS” setting that needs to be temporarily switched off.

Please let me know when you’ve done this . . . . Thanks

1 user says Thank You to TomC for this useful post

1. f1rdaus

[f1rdaus Friend f1rdausJoin date: May 2014Posts: 11Downloads:0Uploads:3 Thanks: 23]

#546221

Hello Tom,

I didn’t find the “Optimize CSS” setting.
Can you help me?

Firdaus

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#546281

Hi,

You can open file root_folder/modules/mod_jaquickcontact/assets/css/style.css and remove this code :

#ja-form .form-info {
padding-left: 30px;
}

then add this code :

#ja-form #ja_quicks_contact ul {
margin: 0;
}
#ja-form #ja_quicks_contact ul li {
padding: 5px 0;
}

save your file and recheck.

1 user says Thank You to Adam M for this useful post

1. f1rdaus

[f1rdaus Friend f1rdausJoin date: May 2014Posts: 11Downloads:0Uploads:3 Thanks: 23]

#547709

Hmm, the code changing also doesn’t change anything. Is any other alternatives?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#547710

<em>@f1rdaus 443496 wrote:</em><blockquote>Hmm, the code changing also doesn’t change anything. Is any other alternatives?</blockquote>

On what page (within your site) is that contact form pictured within your initial posting?

1 user says Thank You to TomC for this useful post

1. f1rdaus

[f1rdaus Friend f1rdausJoin date: May 2014Posts: 11Downloads:0Uploads:3 Thanks: 23]

#547748

In the homepage, Tom.

http://www.ilhameymon.com

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#548118

Hi,

Please open file http://www.ilhameymon.com/modules/mod_jaquickcontact/assets/css/style.css and look for this code :

#ja-form {
float: left;
overflow: hidden;
position: relative;
width: auto;
}

then update as below :

#ja-form {
margin-right: 50px; /* increase this value to reduce it width */
}
#ja-form input,
#ja-form textarea {
max-width: 100%;
}

[Author]

Posts