Adjusting survey container

More
2 weeks 6 days ago - 2 weeks 6 days ago #170386 by krosser
krosser created the topic: Adjusting survey container
Hey guys,

I am trying to find a way to adjust the size of the survey container. Since it is dynamic, it leaves a lot of unused space when in full screen. My survey has questions with a lot of text and I would like to make the container wider so that it uses more free space. I have played with CSS for dynamicReloadContainer and outerframeContainer in custom.css but it didn't help. Can someone please give a hint where to look or which element I should adjust?

I'm using the latest LS 3.13 hosted by LS team, not installed locally.
Last Edit: 2 weeks 6 days ago by krosser.

Please Log in or Create an account to join the conversation.

More
2 weeks 6 days ago #170391 by LouisGac
LouisGac replied the topic: Adjusting survey container
there is an option for that in the theme option
just turn off "survey container"

Please Log in or Create an account to join the conversation.

More
2 weeks 6 days ago #170392 by krosser
krosser replied the topic: Adjusting survey container
I know but I don't want to turn it off completely.

I'm using the latest LS 3.13 hosted by LS team, not installed locally.

Please Log in or Create an account to join the conversation.

More
2 weeks 6 days ago #170404 by LouisGac
LouisGac replied the topic: Adjusting survey container
So knowing that LS use Bootstrap 3:
stackoverflow.com/questions/15884102/boo...dth-of-the-container

The media query's "min-width" value will tell CSS to change the width of your container to 1000px only on screens larger than 1200px (or whatever width you choose to include there). This preserves the responsiveness of your site, so when the screen size jumps below that value (smaller monitor, tablet, smartphone, etc.), your site will still adjust to fit the smaller screens.

 
    @media (min-width: 1200px) {
      .container {
        width: 1000px;
      }
    }

you can add those CSS changes to your custom.css file.
The following user(s) said Thank You: krosser

Please Log in or Create an account to join the conversation.

More
2 weeks 6 days ago #170405 by tpartner
tpartner replied the topic: Adjusting survey container
You can override the bootstrap rule with something like this:

@media (min-width: 992px) {
	#outerframeContainer {
		width: 95%;
	}
}

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: LouisGac, krosser

Please Log in or Create an account to join the conversation.

More
2 weeks 6 days ago #170410 by krosser
krosser replied the topic: Adjusting survey container
Great! Thanks guys! I'll play around with the values to see what looks best.

I'm using the latest LS 3.13 hosted by LS team, not installed locally.

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!