Style confusion

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
3/18/2009 11:36:48 PM
Gravatar
Total Posts 64
Gerry Roston gerry (at) pairofdocs (dot) net

Style confusion

I am using a very slightly modified version of the styleshout-refresh template. My confusion relates to paragraph styles Heading 1 (h3) and Heading 2 (hr). If you refer to this page, http://www.pairofdocs.net/deck.aspx, the problem will be seen.

Basically, the h3 style is resulting in indented text, see 'Deck and patio project', and the h4 style, see 'Overview', is not indented. I find this confusing because when I searched all of the .css files, there are the relevant directives I found:

stylelayout.css:  h1, h2, h3, h4 p { padding: 0;margin: 10px 15px; }

styletext.css: h1, h2, h3 {font-family: 'Trebuchet MS', Arial, sans-serif;font-weight: bold;}
h3 {font-size: 16px;}

Based on this, I do not understand why h3 is indented and h4 is not. Can you please offer guidance! Basically, I would like h3 to not be indented.

3/19/2009 7:40:12 AM
Gravatar
Total Posts 18439

Re: Style confusion

Hi,

I think this selector is not right:

h1, h2, h3, h4 p { }

because h4 p {} means any p inside an h4 which is an unlikely nesting.

In any case the p is making it not affect the h4, if you remove the p it should fix it.

h1, h2, h3, h4 { padding: 0;margin: 10px 15px;} 

Hope it helps,

Joe

3/19/2009 7:49:01 AM
Gravatar
Total Posts 64
Gerry Roston gerry (at) pairofdocs (dot) net

Re: Style confusion

Joe,

I will try your fix, however, I am quite certain that this is not a line that I touched, i.e., the 'bug' may exist in the release.

3/19/2009 8:05:14 AM
Gravatar
Total Posts 18439

Re: Style confusion

yes, absolutely its a css bug in that skin, I fixed it in my copy.

Best,

Joe 

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