A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.
Hi Joe,
Sorry I must have misinterpreted the documentation. In the "Tips for Working with Artisteer" section on the document page you have link me to, it says:
Note that Artisteer templates typically allow layout of 1 or 2 or 3 columns. In mojoPortal our skins support automatic adjustment from 1 to 3 columns depending on where you place features on a page. To make sure your Artisteer template has the needed CSS ingredients to support from 1 to 3 columns, I recommend you always use a 2 column layout in Artisteer with a left column and a wide center section.
It seems to state above that we should use a 2 column layout design in Artiseer, not the 3 column you suggest in your previous post. Maybe it is worth updating this tip to reflect this.
I will have ago at the overrides thing however as it looks like I might be able to control main body content and side body content separately as is achieved in the Artisteer template. Personally, I'm not bothered how the effect gets achieved, I just trying to understand what is going on in order to get the job done.
My bad, that was a typo in the documentation, I've corrected it to say 3 columns, sorry for the confusion.
Best,
Joe
I have recreated the template using three columns in Artisteer and added the:
.center-rightandleftmargins p, .center-leftmargin p, .center-righmargin p, center-nomargins p { text-align:justify;}
.center-rightandleftmargins p, .center-leftmargin p, .center-righmargin p, center-nomargins p
{ text-align:justify;}
to the style-artisteer-overrides.css file, but this doesn't appear to have any affect. I will try your other approach (which I'm guessing would apply a style to ALL paragraph) later, as I would rather control the main text and sidebar seperatly.
I have now had some more time. I have removed the lines quoted above from the style-artisteer-overrides.css file, and replaced them with :
p {text-align:justify;} .leftside p, .rightside p { text-align:left;}
It appears as though this has done the trick.
Many thanks for you help.
PS - I have just noticed a missing period in front of the "center-nomargins p" in my first attempt. I'm guessing that this is why the first override didn't work.