Hi,

The issue is that part of the page.html is the actual design and part is placeholder content that they have also styled. This part of the page.html is really placeholder content, in mojoportal actual content will come from the database but in the template they have some hard coded filler content.

<div class="art-content-layout overview-table">
                                                 <div class="art-content-layout-row">
                                                  <div class="art-layout-cell">

                                                      <div class="overview-table-inner">
                                                       <h4>Support</h4>
                                                        <img src="images/01.png" width="55px" height="55px" alt="an image" class="image" />
                                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                        Quisque sed felis. Aliquam sit amet felis. Mauris semper,
                                                        velit semper laoreet dictum, quam diam dictum urna. </p>
                                                       </div>
                                                  </div><!-- end cell -->
                                                  <div class="art-layout-cell">
                                                    <div class="overview-table-inner">

                                                    <h4>Development</h4>
                                                        <img src="images/02.png" width="55px" height="55px" alt="an image" class="image" />
                                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                        Quisque sed felis. Aliquam sit amet felis. Mauris semper,
                                                        velit semper laoreet dictum, quam diam dictum urna. </p>
                                                    </div>
                                                  </div><!-- end cell -->
                                                  <div class="art-layout-cell">
                                                    <div class="overview-table-inner">
                                                    <h4>Strategy</h4>

                                                        <img src="images/03.png" width="55px" height="55px" alt="an image" class="image" />
                                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                        Quisque sed felis. Aliquam sit amet felis. Mauris semper,
                                                        velit semper laoreet dictum, quam diam dictum urna. </p>
                                                              </div>
                                                  </div><!-- end cell -->
                                                 </div><!-- end row -->
                                                </div>

So that art-content-layout-row stuff is not really part of the design skeleton, it may be styled different or more specifically, you could create a mojoPortal content template with some of that if you want to be able to re-use it easily, but really,

.art-postcontent, .art-postcontent p
{
  text-align: justify;
  line-height: 125%;
}
 should be sufficient to justify the paragraph, if not you could always add this into stylmojo.css:

 p
{
  text-align: justify;
  line-height: 125%;
}
if you want to justify all paragraphs.

There is not really much in CSS that is like inheritance, there is a cascade of style rules where the closer the rule is to the actual element or the lower the rule in the CSS file the more important the rule is. Some things might give the impression of inheritance, like if you set fonts on the body {} it will use those fonts unless there is a more specific rule somewhere for other elements, but say if you put a border on the body or a div that is not going to put a border on contained elements. So the way to think of it is the specifity of the rule and the cascade of rules.

Hope it helps,

Joe

Hi,

All the CSS comes from the CSS files or some may be applied by the javascript that comes from the Artisteer template so it is not true that mojoportal uses something different than what is in the CSS files. And we do not touch the style.css file produced by Artisteer.

If there is any style being applied it comes from the CSS produced by Artisteer style.css or from other CSS files listed in the style.config that provide supplemental and overrides to tweak things as needed. If you find something in any file that is causing something you don't like you can edit the file.

I think part of the cause of issues you are having is you used a 2 column Artisteer design. As mentioned in the tips in the documentation, you should use a 3 column layout to make sure Artisteer includes styling for all columns.

Hope it helps,

Joe