| User | Post |
|
4:50 October 4, 2007
| 101010
Member
| | | |
|
| posts 5 |
|
|
I am trying to center my question on the page. I can insert text-align:center; into the css location as so:
.sg_Question {
text-align:center;
margin: 20px 0;
clear: both;
}
This shifts the entire question, but it also forces the options or answer text on the question to be centered as well. This looks pretty weird for radio questions. Is there a way to center the question, but leave the answer text left justified?
Thanks
|
|
|
11:56 October 5, 2007
| jason
Member
| | | |
|
| posts 159 |
|
|
sure, you can target the question title directly by using the following class:
.sg_QuestionTitle
give it a whirl and let us know if you have any further problems!
|
|
|
12:34 October 5, 2007
| 101010
Member
| | | |
|
| posts 5 |
|
|
Hi Jason,
Thank you for your response. I am trying to center the entire question block, not just the title. Unfortunately, this seems to center the text as well, pulling it away from the response radio buttons. Is there a way to center the entire question, but not the reponse answer text?
Thanks!
|
|
|
|
|
Hi 101010,
adding:
.sg_QuestionSet { text-align:center; }
to your CSS should do the trick!
That wraps around the entire block fo questions on a page.
-Christian
|
|
|
2:10 October 9, 2007
| 101010
Member
| | | |
|
| posts 5 |
|
|
Hi Christian,
Thanks for the suggestion. I inserted the code and here is the result.
http://s-14e80-18247.sgizmo.com
The entire question is centered. However, the response text is as well, so the first line “answer 1″ is shifted away from the radio button. I would like to keep the entire question centered, but left align the responses to be up against the radio button.
Thanks!
|
|
|
|
|
Try a combo:
.sg_QuestionSet { text-align:center; }
.sg_Question {
text-align:left;
}
That might work better for you!
-Christian
|
|
|
12:49 October 10, 2007
| 101010
Member
| | | |
|
| posts 5 |
|
|
I added .sg_Question {text-align:left;}, but now the entire question is left aligned. I tried a similar combo earlier and had the same result. Is there an answer table or list that I should left align instead of the entire question?
Thanks
|
|
|
|
|
Hoe about a different approach:
.sg_QuestionSet { width:500px; margin: 0 auto; }
You can use other widths for the question block to refine this technique too.
The ‘auto’ is what will center it.
-Christian
|
|
|
3:31 October 10, 2007
| 101010
Member
| | | |
|
| posts 5 |
|
|
Thanks for the idea. I played with the widths and it is definitely closer to what I wanted. I guess it will have to do for now. Thanks again for your help.
|
|