Support Forums : Format Layout

We encourage an open exchange of information. Ask your questions or make suggestions. We are here to help, but we also encourage all of you to help one another.
Click on the Subscribe Flag to be notified by email of replies to your post.
Current User: Guest Login Register
Please consider registering

UserPost

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!

10:32
October 8, 2007


Christian Vanek

Moderator

Cambridge, MA

posts 784

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!

8:55
October 10, 2007


Christian Vanek

Moderator

Cambridge, MA

posts 784

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

1:35
October 10, 2007


Christian Vanek

Moderator

Cambridge, MA

posts 784

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.

Add a New Topic Reply to Post


Reply to Topic: Format Layout

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 12 + 8        (Required)

Topic Reply:


 
© Simple:Press Forum - Version 3.1.4 (Build 357)