Vertical heading for side-by-side question option

Hello @Estha , From what I have understood is that you need a text at circled part! Here is a way you can do it too. 1. Open the survey question in preview mode in the browser and press ctrl+shift+c and keep the mouse pointer at that vertical header part, as shown in the image.!. Copy the id(highlighted by the arrow) of that element. 2. Open the java script option of side-by-side question and copy following line in onload function: <strong>document.getElementById('style~header~QID6~7').innerHTML="Your Text";</strong> ! 3. Save the js and preview the question. You will also see the vertical header. !

HI @Shashi, Thank you for your response! Apologies if I was not clear in my phrasing. I was wondering whether/how I could do a rich text formatting of Answer 1 and Answer 2, as well as rotate them in a 90-degree anti-clockwise direction (as per attached document). Wonder whether you would know how I can do this in Qualtrics?

@TomG Thank you; very much appreciated. That works for the first instance of the answer header!

Hello! I encountered another issue, though. I repeat the headers in the middle of my side-by-side question format. Is there any way in which the formatting of the second repeated can follow the first header? Thank you!

> @Estha said: > Hello! > > I encountered another issue, though. I repeat the headers in the middle of my side-by-side question format. Is there any way in which the formatting of the second repeated can follow the first header? > > Thank you! Update for repeated headers: ``` .Skin .SBS .Answers th.SBS1, .Skin .SBS .RepeatHeader td.SBS1 { transform: rotate(-90deg); white-space: nowrap; vertical-align: middle; text-align: left; padding:0px; height:100px; } .Skin .SBS .Answers th.SBS2, .Skin .SBS .RepeatHeader td.SBS2 { vertical-align: bottom; } ```