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?
Maximum width for text paragraphs
-
- Propeller Head
- Posts: 35
- Joined: Sun Mar 10, 2019 3:36 am
-
- Sr. Propeller Head
- Posts: 346
- Joined: Fri Nov 05, 2010 3:30 am
Re: Maximum width for text paragraphs
In your main skin under Styles > Global > Size .... you will find the overriding maximum width setting.
-
- Propeller Head
- Posts: 35
- Joined: Sun Mar 10, 2019 3:36 am
Re: Maximum width for text paragraphs
Unless I'm misunderstanding something, it doesn't do what I need.ajturnersurrey wrote:In your main skin under Styles > Global > Size .... you will find the overriding maximum width setting.
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?
Re: Maximum width for text paragraphs
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:
Then in your stylesheet, set something like:
Code: Select all
div.page-content { max-width: 700px; }
-
- Propeller Head
- Posts: 35
- Joined: Sun Mar 10, 2019 3:36 am
Re: Maximum width for text paragraphs
OK, so now in the .flmsp file, I have
and in the .css file I have
It has no effect. What am I missing?
Code: Select all
<div class="page-content">
<MadCap:bodyProxy />
</div>
Code: Select all
div.page-content
{
max-width: 700px;
}
Re: Maximum width for text paragraphs
It works fine for me - the page content is restricted to 700px.
-
- Propeller Head
- Posts: 35
- Joined: Sun Mar 10, 2019 3:36 am
Re: Maximum width for text paragraphs
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?Dave Lee wrote:It works fine for me - the page content is restricted to 700px.