[Solved] How can I change the height of the survey header?


I want to change the height, not the width of the header. How can I do that?

Thank you.

Jim W (Moderator) selected answer

    Best answer


    There are no settings within SurveyGizmo that will let you do this.  The height of the header flexes to fit its content, so you will have to add HTML and/or CSS coding.

    The easiest way would be to add HTML line breaks( <br/> ) to your survey title.  Go to ADVANCED > GENERAL and a line break to the beginning of the title.  Or use a line break to split your survey title over two lines.  This is a crude method, but it is simple and if you just need a little space, it might work for you.

    The next option would require you to add CUSTOM CSS to your style template.  The following is an example of the custom CSS we use to postion the logo image in some of out surveys:


    .sg-header-image {
              padding:right 30px;

    You could also add custom CSS for the .sg-title element.

    I am sorry that I can’t be more helpful with this.  The custom coding varies according to the logo and title in each survey.  It usually takes us several trial/error cycles to find a combination of coding that works.

    Jim W (Moderator) selected as best answer


      Question stats

      • Active
      • Views3047 times
      • Answers1 answer
      • Followers1 follower