Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • otomol Friend

    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

    1. Screen-shot-2016-04-08-at-6.30.55-PM
    2. Screen-shot-2016-04-08-at-6.36.29-PM
    pavit Moderator


    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;

    1. Screenshot_14
    otomol Friend

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

    pavit Moderator

    Now how can i resized it back in mobile version?


    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 {
    otomol Friend

    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.?

    1. Screen-shot-2016-04-13-at-1.19.37-PM
    pavit Moderator


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

    otomol Friend

    Ok thanks for all your help

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 6 replies, has 2 voices, and was last updated by  otomol 4 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum