Survey text bleeding into right margin

Options
Jill King
Jill King
Ancient Membership 10 Comments Facilitator Level 2
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions

I've created a survey and embedded it into a pagebuilder page.

This is the survey:

http://online.nwf.org/site/Survey?ACTION_REQUIRED=URI_ACTION_USER_REQUESTS&SURVEY_ID=16700

And this is the pagebuilder page:

http://online.nwf.org/site/PageNavigator/2009_Year_End_Survey

As you can see, the text from a couple of the survey questions bleeds into the right margin.  How can I fix this? I created a table in pagebuilder with padding, and that didn't help.

Tagged:

Comments

  • Noah Cooper
    Noah Cooper
    Ancient Membership 1000 Comments 100 Likes Photogenic

    Try this CSS:



    legend.surveyLegend{
         white-space: normal;
         display: inline-block;
    }
    legend.surveyLegend span{
         display: inline-block;     
    }
  • Jill King
    Jill King
    Ancient Membership 10 Comments Facilitator Level 2
    Noah Cooper:

    Try this CSS:



    legend.surveyLegend{
         white-space: normal;
         display: inline-block;
    }
    legend.surveyLegend span{
         display: inline-block;     
    }

    Where would I put the CSS? I'm not too familiar with it - I'm not even sure I have permission to use it.

  • Noah Cooper
    Noah Cooper
    Ancient Membership 1000 Comments 100 Likes Photogenic
    Jill King:

    Where would I put the CSS? I'm not too familiar with it - I'm not even sure I have permission to use it.

    Three options for where to place this CSS:

    1) In a "Caption" question on the Survey.

    2) As an embedded style block in the head of your page wrapper.

    3) In CustomStyle.css, which can be edited from the "Related Actions" in the left column of Page Wrapper Editor, or any other linked stylesheets used on your site.

    #3 is probably your best bet, since you'll be able to apply the style to all page wrappers in one action.

    It's worth noting this will be fixed in the upcoming Fall '09 Planned Patch -- after that is deployed, these styles will be automatically applied.

Categories