Maximum width for text paragraphs

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets

Maximum width for text paragraphs

Postby Joseph Zitt on Wed Jul 03, 2019 2:25 am

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?
Joseph Zitt
Propeller Head
 
Posts: 32
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Postby ajturnersurrey on Wed Jul 03, 2019 7:03 am

In your main skin under Styles > Global > Size .... you will find the overriding maximum width setting.
ajturnersurrey
Sr. Propeller Head
 
Posts: 332
Joined: Fri Nov 05, 2010 3:30 am

Re: Maximum width for text paragraphs

Postby Joseph Zitt on Thu Jul 04, 2019 2:22 am

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?
Joseph Zitt
Propeller Head
 
Posts: 32
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Postby Dave Lee on Sun Jul 07, 2019 11:25 pm

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; }
Dave Lee
Master Propellus Maximus
 
Posts: 5822
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Maximum width for text paragraphs

Postby Joseph Zitt on Mon Jul 08, 2019 5:00 am

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?
Joseph Zitt
Propeller Head
 
Posts: 32
Joined: Sun Mar 10, 2019 3:36 am

Re: Maximum width for text paragraphs

Postby Dave Lee on Mon Jul 08, 2019 5:22 am

It works fine for me - the page content is restricted to 700px.
Dave Lee
Master Propellus Maximus
 
Posts: 5822
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Maximum width for text paragraphs

Postby Joseph Zitt on Mon Jul 08, 2019 5:34 am

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?
Joseph Zitt
Propeller Head
 
Posts: 32
Joined: Sun Mar 10, 2019 3:36 am


Return to Web-based Outputs

Who is online

Users browsing this forum: No registered users and 8 guests