Style-Artisteer-overrides don't seem to work.

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
12/29/2011 4:36:56 PM
Gravatar
Total Posts 7

Style-Artisteer-overrides don't seem to work.

Hi,

I have just upgraded to 2.3.7.6 and I have a problem with the artisteer overrides. I was previously using the greenlagoon style but I have now changed the style to the new artisteer 3.1 green style.

I previously had the following overrides set up for the home page to change the column widths:

body.homepage .art-contentLayout .art-content
{
width: 650px;
}

body.homepage .art-contentLayout .art-sidebar1
{
width: 270px;
}

body.homepage .art-contentLayout .art-sidebar2
{
width: 330px;
}

body.homepage .art-contentLayout .art-content-wide
{
width: 782px;
}
body.homepage .art-contentLayout .art-content-narrow
{
width: 383px;
}

 

I have copied this into the new overrides file and nothing has changed. I can confirm that the Custom Body CSS Class is set to homepage and that the browser and server cache is disabled. If I change the body.help-page in the style-artisteer-overrides file, the changes are implemented immediately.

 

Can anyone help me? Thanks in advance!

James

12/30/2011 6:55:21 AM
Gravatar
Total Posts 18439

Re: Style-Artisteer-overrides don't seem to work.

Hi Jim,

CSS changes in different versions of Artisteer so you have to figure out what you are trying to override and it is not the same for each version of Artisteer. In recent versions of Artisteer the class names are all lower case and CSS is case sensitive so .art-contentLayout is a mistake, it would be .art-contentlayout, but actually you don't even need that as part of the selector.

I was able to get it working her by adding this instead of what you have in style-artisteeroverrides.css:

body.homepage .art-content{width: 650px;}
body.homepage .art-sidebar1{width: 270px;}
body.homepage .art-sidebar2{width: 330px;}
body.homepage .art-content-wide{width: 782px;}
body.homepage .art-content-narrow{width: 383px;}

body.homepage .art-content-layout .art-sidebar1::before { width: 275px; }
body.homepage .art-content-layout .art-sidebar2::before { width: 335px; }

note that without the bottom 2 it was overflowing the different shade of green for the side bar background colors so I had to figure out which selectors from the artisteer css were causing that using "Inspect Element" in Chrome.

Hope that helps,

Joe

12/30/2011 11:18:10 AM
Gravatar
Total Posts 7

Re: Style-Artisteer-overrides don't seem to work.

Hi Joe,

Thanks for your help! Its all sorted now.

I am thinking about buying Artisteer (I have been playing around with the trial version) Do I need the Standard version for producing Mojo Portal skins or can I use the home version?

Keep up the good work!

Jim

12/30/2011 11:40:59 AM
Gravatar
Total Posts 18439

Re: Style-Artisteer-overrides don't seem to work.

Hi Jim,

I've never used the home edition but I think mainly it has less built in content such as textures, ackgrounds, icons etc. I think the Standard Edition is well worth the price. I'm really not a designer but I was able to come up with all the new designs included in this version of mojoPortal using it.

If you do purchase it please click our ad first so we can get a comission on the sale, it costs you the same either way.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.