Code for logo alignment in the Question text | XM Community
Solved

Code for logo alignment in the Question text

  • 19 July 2018
  • 2 replies
  • 26 views

Badge +2
Hello,

I was wondering if there’s any way I can arrange the question (with logo) without distorting the text? I am using pipe text for the name with the logo so I am not really sure how can I arrange the question accordingly.

!

Thank you very much!

Ann Marie
icon

Best answer by ETDC_Director 19 July 2018, 16:46

View original

2 replies

Hey Ann Marie,

The issue seems to be with the size of the image. If the image were the same size as your text it should integrate seamlessly.

If you want the image to be larger on the initial question but small enough to fit in-line on this piped response you can add the following:

1. Add an HTML `<span>` and class around your piped text
This should look like:
```Your initial text <span class="inline"> ${q://QIDwhatever yours is/ChoiceGroup/SelectedChoices}</span> the rest of your text```
Note: you will need to change out the text and piped text

2. In Look & Feel, go to Advanced and +Add Custom CSS
The code below you can copy and paste as is, but note it will make the width of your image 20px, if your font is significantly smaller you may want to make the width slightly smaller.
```<style>
span.inline img {height: auto;
width: 20px;}
</style>```

minus the `<br/>` not sure why it is adding that
Badge +2
Hi ETDC_Director,

Thank you very much! Will try this one out.

Leave a Reply