Maximum width for text paragraphs

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
Joseph Zitt
Propeller Head
Posts: 35
Joined: Sun Mar 10, 2019 3:36 am

Maximum width for text paragraphs

Post by Joseph Zitt »

The text in my HTML documents needs to be no more than 700px wide. I've tried various methods of establishing this, including setting "max-width: 700px;" in the "body" tag on various elements, but it's either ignored or, in some situations, reverts to what it had been when I rebuild the targets.

Is there a way to set the maximum width for all text paragraphs consistently?
ajturnersurrey
Sr. Propeller Head
Posts: 346
Joined: Fri Nov 05, 2010 3:30 am

Re: Maximum width for text paragraphs

Post by ajturnersurrey »

In your main skin under Styles > Global > Size .... you will find the overriding maximum width setting.
Joseph Zitt
Propeller Head
Posts: 35
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Post by Joseph Zitt »

ajturnersurrey wrote:In your main skin under Styles > Global > Size .... you will find the overriding maximum width setting.
Unless I'm misunderstanding something, it doesn't do what I need.

I'm using side navigation, and therefore using the "HTML5 - Side Navigation" skin. When I set Styles > Global > Size to 700px, it makes the entire page, including the side navigation bar, 700px wide, although the bar on top goes all the way across.

What I need is for paragraphs within the main panel to be 700px wide, without changing the side bar, which collapses into unusability with the suggested setting and should remain at the left edge of the screen, not dragged toward the middle.

How can we do this?
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Maximum width for text paragraphs

Post by NorthEast »

In your master page, put the body proxy and any other content inside a div, e.g. div.page-content.

Then in your stylesheet, set something like:

Code: Select all

div.page-content { max-width: 700px; }
Joseph Zitt
Propeller Head
Posts: 35
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Post by Joseph Zitt »

OK, so now in the .flmsp file, I have

Code: Select all

<div class="page-content">
      <MadCap:bodyProxy />
</div>
and in the .css file I have

Code: Select all

div.page-content
{
	max-width: 700px;
}
It has no effect. What am I missing?
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Maximum width for text paragraphs

Post by NorthEast »

It works fine for me - the page content is restricted to 700px.
Joseph Zitt
Propeller Head
Posts: 35
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Post by Joseph Zitt »

Dave Lee wrote:It works fine for me - the page content is restricted to 700px.
Could I be tweaking the wrong files? Is there one central place in which Flare keeps a human-intelligible list of the stylesheets, skins, etc, that a project is using?
Post Reply