CSS editing: How to format paragraphs within togglers

[EileenP]

I've noticed in our compiled HTML Help that paragraphs within dropdowns created using togglers have less spacing before/after than paragraphs within the non-toggler body of a topic.

I'm looking for a way to edit the CSS so that the toggler body uses the same formatting as the regular text. And I'd prefer to do it in Notepad rather than in Flare's funky style editor.

Here's our paragraph definition in the CSS:

Code: Select all

p
{
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

Is it something like this I need, or what?

Code: Select all

MadCap|toggler
{	
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

Thank you!

[NorthEast]

You can't style the 'toggler body', since there isn't one - a toggler is just connected to one (or more) named elements in your page, and their styles are independent of the toggler. The toggler just switches them on/off.

MadCap|toggler styles the toggler hyperlink; it's unlikely you'd want to set margin/padding for this, since it is already inside another element like a paragraph.

[EileenP]

Thank you very much for the quick reply!

If that's true, then why is the paragraph formatting different in the dropdown text than in the rest of the topic?

Thanks.

[NorthEast]

then why is the paragraph formatting different in the dropdown text than in the rest of the topic?

Flare has both "toggler" and "dropdown" controls, these are not the same things, and can be styled quite differently.

If you are using a toggler (and not a dropdown), then I'd check how things look without the toggler; e.g. disconnect the elements from the toggler, and see what they look like normally.

[EileenP]

Found the problem, thanks to your posts!

The toggler was in a <div> tag that had some styles applied.

Since we're on the subject, I find that togglers and dropdowns act very similarly. In our output, the only difference seems to be that the togglers have no underline. The dropdowns have an underline.
- Are there other differences?
- Can we add an underline to the toggling text in the CSS, so that we don't have to convert all the togglers to dropdowns to get consistency in our output?

Thank you. I was relieved to finally figure out that formatting problem.

[ChoccieMuffin]

More generally, WHAT IS THE DIFFERENCE?

And is there a sensible reason to use one over the other or is it just down to personal preference? Personally I've only ever played with dropdowns and there are assorted painful bits and pieces about them, so are togglers less buggy?

[EileenP]

Hi ChoccieMuffin, this is probably the wrong sub-forum to post our question on. But I found this in the Flare general discussion:
http://forums.madcapsoftware.com/viewto ... wns#p49235

But I'd still like to know how to format the toggler hotspot, though. Anyone?