Any Suggestions To Make Articles

[Blatchy]

You know look more like "articles"

To me, an article just looks like a normal post except its stickied to the top.

Any way to dress them up some?

 

[Russ]

Looking at your site, it appears the style is running around 100% width. It's difficult to style articles when it's like that. Long bits of text stretching the entire monitor just doesn't make for a good read.

For our articles: https://pixelexit.com/threads/2-2-9-style-updates.14269/ we have some simple CSS which helps reduce the page down:

[data-template="thread_view_type_article"] .p-body-main {
    max-width: 1024px;
    margin: 0 auto;
}

Not sure if that's something you'd want to do. You could also just increase the font-size + line-height a little:

.message.message--article .bbWrapper {
    font-size: 18px;
    line-height: 1.7;
}

 

[Blatchy]

Looking at your site, it appears the style is running around 100% width. It's difficult to style articles when it's like that. Long bits of text stretching the entire monitor just doesn't make for a good read.

For our articles: https://pixelexit.com/threads/2-2-9-style-updates.14269/ we have some simple CSS which helps reduce the page down:

[data-template="thread_view_type_article"] .p-body-main {
    max-width: 1024px;
    margin: 0 auto;
}

Not sure if that's something you'd want to do. You could also just increase the font-size + line-height a little:

.message.message--article .bbWrapper {
    font-size: 18px;
    line-height: 1.7;
}

I will try some of your tips.

What I really was thinking (probably outside realm of this skin) is move title and author box down into post header.

Something like this

 

[Blatchy]

This seems redundant. The entire article title and such should go down below

 

[Russ]

These sorts of edits get a bit complicated. Might be more on the custom work side of things. We can change the looks of articles more through that avenue if you'd like ( https://pixelexit.com/services/ )

.message.message--article .message-attribution {
    display: none;
}

This would hide that top bar (including the right side too).