How can I control the line spacing among modules in the central panel?

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.
1/4/2011 4:34:45 PM
mari
Gravatar
Total Posts 47
View Posts

How can I control the line spacing among modules in the central panel?

Hi, I have slightly modified an existing skin (andreas-wikilund02-alt1) and I am quite satisfied with the result, except that I cannot control the distance among the modules in the central panel.

In  the central panel I have piled an html fragment, an html content, a blog, another blog, and an html content, they are ok, but the vertical distance between the elements is too much,  padding top/bottom and margin top/bottom should be adjusted in order to reduce it, but I am not able to find the corresponding css file.

Firebugs gives me the "art-post" class (and similar), that I guess come from Artisteer, but it seems that no Artisteer css file  is present in my style.

What am I missing?

Thanks in advance

mari

 

1/4/2011 4:59:28 PM
Jamie E
Gravatar
Total Posts 1203
View Posts
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: How can I control the line spacing among modules in the central panel?

Hi there, if your skin is not Artisteer-based, it definitely shouldn't have ".art-post" selectors in it. I changed the mojoPortal demo site to the andreasviklund-02-alt1 skin and examined the css with Firebug. Div class .modulecontent has padding of 0 4px 4px 7px (top, right, left, bottom), so chances are that is what you will want to change in your skin's css class to fine tune that module spacing.

Don't forget to turn off CSS and style sheet combining during debugging so you don't drive yourself crazy.  You can do that with these directives in your user.config:

<add key="CombineCSS" value="false" />
<add key="MinifyCSS" value="false" />
<add key="CacheCssOnServer" value="false"/>
<add key="CacheCssInBrowser" value="false"/>

Be sure to turn those back on when you're done with skin development. If you're running a very recent version of mojoPortal, you can make use of the  Disable CSS Caching button in Administration, Advanced Tools, Design Tools.

Jamie

1/5/2011 2:48:35 AM
mari
Gravatar
Total Posts 47
View Posts

Re: How can I control the line spacing among modules in the central panel?

Thanks Jamie! I am going to try right now, and let you know the results as soos as I will have finished.

 

mari

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