Joomla Templates Club 406,261 posts

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#193306

Hi..
Look at the picture,
i think the picture say all what you have to know..

have installed OSE so you can have a look at the files..
you have to know that the installation folder for this site is “DWLA”

---

Attachments:

1. 

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#516740

Hi fmfame,

I tried to edit css and change the with of the right column on Firebug add on. It worked fine you can see attachment image. If you provide the FTP account I will help you change it.

Best regards,

---

Attachments:

1. 

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#517058

but i see that the fields of the form below have less width. that isnt..

Say which lines to change and i test it

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#517122

I tested the tweak below on my localhost and it worked fine, please follow steps below:

– Open the default.php file in the folder “[your_root]/templates/ja_fixel/html/com_contact/contact”
Go to line 24 and change the div class name


<div class="contact-col1 span7">
...


Go to line 123 and change the class name:


<div class="contact-col2 span5">


– Save the changes you have made
– Add the following CSS rule to the custom.css file.


.form-horizontal .re-captcha .control-label {
float: none !important;
}

.form-horizontal .re-captcha .controls {
margin-left: 0 !important;
}


Note: If you do not have a custom.css file, you need create a file with such name and upload to the folder “[your_root]/templates/ja_fixel/css”

Let me know how it goes.

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#517136

oh, very nice..

i said that isnt
so i tested and see IT isnt.
this is on full width desktop

this is on smaller size tablet..

---

Attachments:

1. 
2. 

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#517248

I think when viewing on iPad, the right column should load full screen as the re-captcha width can’t be resized. Please add the following CSS rule to the custom.css file.


@media (max-width: 768px) {
body .contact .contact-col2 {
margin: 0;
width: 100%;
}
}

Let me know how it goes.

[Author]

Posts