Public Forums 71,145 posts

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#201244

Hello JoomlArt,
First of all thanks for making this great Template Purity III free, its the best I think.
I have a small problem, is com_contact (built in Joomla 3.3.3 with Recaptcha ) is responsive or not ?
If it is not responsive then how to make it so ?
Can anyone here suggest me what to do to make it fully responsive (please tell in step by step details) ?
A screenshot attached here regarding the problem.
Thanks in advance.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#549252

Hello template is responsive , but the recaptcha is not responsive . its default Joomla plugin .
we can core support for joomla customization .

Here are some links that can also help you to make it responsive

http://www.modernmagic.com/blog/joomla-technical-support/responsive-recaptcha.html

https://developers.google.com/recaptcha/docs/customization

you can also user third party recaptcha plugin from JED

Hope it helps

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549266

can you please post your site Url. Will provide you a suggestion.

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#549715

<em>@Chavan 445455 wrote:</em><blockquote>can you please post your site Url. Will provide you a suggestion.</blockquote>
Hello, very sorry for the late reply. here is the url http://www.subhasuchana.com/contact-us
also if possible please guide me how to make Banner (joomla default) responsive..

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549730

Go to this File: /templates/purity_iii/css/custom.css

Add this code

@media (max-width: 500px) {
#recaptcha_challenge_image{
margin: 0 !important;
width: 100% !important;
}
#recaptcha_response_field
{
margin: 0 !important;
width: 100% !important;
}
#recaptcha_table.recaptchatable #recaptcha_image {
margin: 0 !important;
width: 100% !important;
}
.recaptchatable .recaptcha_r1_c1,
.recaptchatable .recaptcha_r3_c1,
.recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1,
.recaptchatable .recaptcha_r3_c3,
.recaptchatable .recaptcha_r2_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_image_cell {

margin: 0 !important;
width: 100% !important;
background: none !important;
}

}

1 user says Thank You to chavan for this useful post

1. chenasona1

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#549752

Wow, Re-captcha works perfectly 🙂
Any suggestion for default Banner (to make responsive) or any free extension to use for that ?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549788

please advice me what do mean default Banner. May be you would post me a screenshot of it

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#549828

I mean to say Joomla default Banner (Components > Banners or com_banners)
You can see it at previous contact us page.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#550124

Add this code to /templates/purity_iii/css/custom.css

.banneritem > img {

height: auto;

width: 100%;

}

1 user says Thank You to chavan for this useful post

1. chenasona1

[chenasona1 Friend chenasona1Join date: September 2014Posts: 25Downloads:0Uploads:12 Thanks: 9 Thanked: 2 times in 1 posts]

#550158

Perfectly Working. You are genius.. 🙂

[Author]

Posts