Blatchy

Customer
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

Pixel Exit Staff
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:

Code:
[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:

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

Blatchy

Customer
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:

Code:
[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:

Code:
.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

Riots-Report-Shows-London-Needs-To-Maintain-Police-Numbers-Says-Mayor-–-Newspaper.jpg
 

Russ

Pixel Exit Staff
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/ )

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

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

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.