How can I change the size of the Questions Container?

JoeCJoeC Community Member - Trial User Qubie ✭

How can I change the size of the Questions Container?

I want the Questions Container to be wider? I'm referring to the Questions Container setting in Look & Feel -> Background.

Any ideas how I can do this?

Answers

  • YashYash IndiaCommunity Member - Trial User Qubie ✭

    Hi Joe,

    Could you please copy the below code to your custom CSS page as shown in below screenshot.

    SkinContent

    {
    width:1200px
    }

    question container width

  • JoeCJoeC Community Member - Trial User Qubie ✭

    Thanks @Yash, but this did not do anything for me.

  • YashYash IndiaCommunity Member - Trial User Qubie ✭
    edited February 7

    Hi @JoeC ,

    Sorry about that.. it should be actually like this.. Could you please try this and let me know if this not helps...


    #SkinContent

    {

    width:1200px

    }


    Or


    #SkinContent

    {

    min-width:1200px

    }

  • KarvidaKarvida CACommunity Member, XM Advocate Qubie ✭

    @Yash Thanks - I've been looking for this. It does widen container for desktop/online view but unfortunately it then makes the iPhone view too wide. I believe there are settings for hand-held devices as well.. do you happen to know how to code that?

  • YashYash IndiaCommunity Member - Trial User Qubie ✭
    edited February 7

    Hi @Karvida,

    Could you please try the below code to avoid this functionality on mobile devices and let me know if this helps.

    <script>
    dev = (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
    
    if(dev){}
    else
    {
    jQuery("#SkinContent").css("min-width","1200px"); // adjust this as per you need... 
    
    }
    </script>
    
  • KarvidaKarvida CACommunity Member, XM Advocate Qubie ✭

    Hi @Yash - thanks for fast reply. There is a media definition which helps solve this problem. I found the following in a post from @TomG which appears to work:

    @media only screen and (min-width: 1200px) {
    #Questions{min-width:1200px;}
    }

Sign In to Comment