Joomla Extensions Club 20,483 posts

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#911466

Hello i have been trying to change the width of a facebook like box in a footer position also i already change the width inside the module properties but it doesnt apply the changes.

I am working with JA_puresite template

It’s defalt width is 240px like the next image

And i would like to change the width to 500px, any help me with that. I already try to change the width of "ja-box-ct" in the CSS’s

---

Attachments:

1. 
2. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#911483

Hi

Try this

edit this file /templates/ja_puresite/css/template.css and at line 930 add min-width: 500px; as showed below.

#ja-botsl2 .main div.ja-moduletable, 
#ja-botsl2 .main div.moduletable {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-width: 500px;
}

---

Attachments:

1. 

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#917345

It works great….
Now how can i resized it back in mobile version?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#917357

otomol wrote:

Now how can i resized it back in mobile version?

Hi

Try adding this to your template.css

@media only screen and (max-width: 735px) {
#ja-botsl2 .main div.ja-moduletable, #ja-botsl2 .main div.moduletable {
max-width:350px!important;
}
}

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#917693

It work good resizing in different divices, but the only thing is that the facebook pictures are not resizing inside the facebook module…
like in the picture,

Is there anything possible to do in order to resize everything together, module and the facebook data aswell.?

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#917852

Hi

Unfortunately this can be managed only from Module settings, you had it at 450 px width , try to reduce width

1 user says Thank You to pavit for this useful post

1. otomol

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#918111

Ok thanks for all your help

[Author]

Posts