Anyone know how to Customize Storybuilder Style?

Sara Thomas

Does anyone know how to customize the size of the storybuilder section? Right now, pagebuilder expands according to the size of the content in the page, however, storybuilder does not in IE. Take a look at this page on our site to see what I am talking about: http://www.oceanconservancy.org/site/News2?page=NewsArticle&id=12769&news_iv_ctrl=0&abbr=ftf_ (make sure to look at it in IE to see the problem. Firefox works fine and expands the width to fit the content automatically.)

Adrian Cotter

Hey Sara,

One possibility is that is the fault of the storybuilder form in particular the cons_email field in the form.

Although cons_first_name and cons_last_name probably do the same thing.

Much of convio's form input fields have column settings on them which can vary in actual width from browser to browser.

In your stylesheet, you could set the pixel width of these fields:

#cons_email {width: }

But, another possibility is that it is just the way the HTML is layed out. I have this kind of problem often enough -- where IE is including a padding or margin in the width of a DIV and so is in effect wider than what Firefox would interpret the DIV.

The first thing I would try adjusting the padding in the #contentwrapper

Adrian

Sara Thomas

Adrian Cotter:

Hey Sara,

One possibility is that is the fault of the storybuilder form in particular the cons_email field in the form.

Although cons_first_name and cons_last_name probably do the same thing.

Much of convio's form input fields have column settings on them which can vary in actual width from browser to browser.

In your stylesheet, you could set the pixel width of these fields:

#cons_email {width: }

But, another possibility is that it is just the way the HTML is layed out. I have this kind of problem often enough -- where IE is including a padding or margin in the width of a DIV and so is in effect wider than what Firefox would interpret the DIV.

The first thing I would try adjusting the padding in the #contentwrapper

Adrian

Thanks Adrian!

I can't believe I didn't try it earlier but it was pretty much a combination of your two solutions. I changed the layout of the survey to narrow and embedded it into a table on the page -- that corrected the weird overlap thing happening. Then I played around with the padding in the content wrapper for this particular section and was able to find a combination that worked OK in both storybuilder and pagebuilder. It's slightly different in the two because we have a custom style for our storybuilder that adds some padding on the left side but it's no longer breaking the page so I will take it!

Thanks again for the help.

Sara