Forum Text: It Shrank!?

19 posts / 0 new
Last post
Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
Forum Text: It Shrank!?

I havent seen anyone complain yet about the forum posts having smaller text,
so it might be just my Eyes are getting older! :(

So did a search for a browser addin and came across a StyleBot.

Now:
- Post Text is much larger.
- And...All signature images are TINY:

- And... all very Wide images are resized when they Exceed the reading Areas width:

- Main Sites html Body is Left Aligned,,, just my own preference.
:)

I probably (normally) wouldn't bother, but I'm the CSS Zone while adding styling touches to the QnA site I'll need soon. :)

Doctor Tyche
Doctor Tyche's picture
Offline
Last seen: 7 hours 37 min ago
Developer11th Anniversary Badge
Joined: 12/04/2012 - 11:29
You know there is a text size

You know there is a text size adjustment below the post button, yes?

Technical Director

Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
Here? :P

Here? :P

Ohhh.. looks like i can widen the forum field(s) like Last Post. :D

Doctor Tyche
Doctor Tyche's picture
Offline
Last seen: 7 hours 37 min ago
Developer11th Anniversary Badge
Joined: 12/04/2012 - 11:29
Below the "Save" and "Preview

Below the "Save" and "Preview" buttons, near the bottom of the page.

Technical Director

Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
I though i checked there. :P

I though i checked there. :P

screenshot:

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
ohhh.. i can make the nav bar

ohhh.. i can make the nav bar FIT too. ;D

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
This is what i have so far:

This is what im feeding to Styles bot so far:

#pageBorder {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1018px;
}

div.author-signature span, div.author-signature img {
    height: 32px;
}

div.author-signature {
    background-color: #edeeff;
    color: #c2c0c2;
    font-size: 8pt;
}

div.forum-post-panel-main.clearfix {
    font-size: 11pt;
}

div.forum-post-wrapper {
    overflow: hidden;
}

h2.title.comment-form {
    clear: both;
}

img.bb-image, div.field-item.even p img {
    max-width: 812px;
}

th.forum-last-post {
    width: 300px;
}

th.forum-topics, th.forum-posts {
    width: 50px;
}

ul.pager {
    float: right;
    text-align: right;
    width: 560px;
}

blockquote.quote-msg p {
    margin-bottom: 0px;
}
Foradain
Foradain's picture
Offline
Last seen: 4 hours 58 min ago
kickstarter11th Anniversary Badge
Joined: 10/25/2013 - 21:06
On my browser it's in the

On my browser it's in the "View" pulldown, just below the URL window.

Foradain, Mage of Phoenix Rising.
Foradain's Character Conclave
Avatar courtesy of Satellite Nine.
If you can't see an image I've posted, please let me know!

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
Foradain wrote:
Foradain wrote:

On my browser it's in the "View" pulldown, just below the URL window.

That sounds like it would resize All the text. I sooooo hate that. :(

I just want the User Posted Comments text to be larger. ;)

Mind-Freeze
Mind-Freeze's picture
Offline
Last seen: 13 hours 45 min ago
kickstarter11th Anniversary Badge
Joined: 11/01/2013 - 04:28
Izzy never mention shrinkage

Izzy never mention shrinkage you knows guys are sensitive about that word !!

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
Mind-Freeze wrote:
Mind-Freeze wrote:

Izzy never mention shrinkage you knows guys are sensitive about that word !!

Oh Nooo.... :o

But.. But... your Comment Texts....

Wait.. that doesnt sound right! :/

if you have Chrome.. try StyleBot. :)
and this style: http://stylebot.me/styles/7087

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
Doctor Tyche wrote:
Doctor Tyche wrote:

Below the "Save" and "Preview" buttons, near the bottom of the page.

Ahhh YES I see it now. :) TY.

Added formatting for that too.
Ex:

Edit: Latest css adds a light shade of gray to the background, so reading text doesn't hurt strained eyes. ;)

Preview of output now:

#block-textsize-form {
clear: both;
}

#block-textsize-form > .block-title {
float: left;
width: 80px;
}

#block-textsize-form > .content {
float: left;
margin: 2px 0px -5px -20px;
width: 460px;
}

#block-textsize-form > .content > .textsize_list, #block-textsize-form > .content > .textsize_list > li {
float: left;
}

#block-textsize-form > div.content > .textsize_current {
float: right;
left: -50px;
position: relative;
width: 120px;
}

#contentWrapper {
background-color: #dedede;
}

#header-images {
height: 128px;
}

#pageBorder {
left: 0px;
position: absolute;
top: 0px;
width: 1018px;
}

.container_12 .grid_4 {
width: 218px;
}

.container_12 .grid_8 {
width: 750px;
}

.container_12 .pull_8 {
left: -770px;
}

.container_12 .push_4 {
left: 240px;
top: 3px;
}

.forum-post-links {
margin-right: -18px;
}

.page-tracker h1#page-title {
display: none;
}

.sidebar ul.menu {
margin-left: -30px;
}

.topic-reply-locked {
float: left;
}

a.active {
text-decoration: none;
}

a.bb-url {
color: #5873fc;
text-decoration: none;
}

a.permalink {
text-decoration: none;
}

a.username {
color: #c277a8;
text-decoration: underline;
word-wrap: break-word;
}

body.node-type-forum .forum-post .forum-post-panel-main img {
max-width: 812px;
}

body.node-type-forum blockquote.quote-msg p {
margin-bottom: 0px;
}

body.node-type-forum div.author-signature {
background-color: #edeeff;
color: #c2c0c2;
font-size: 8pt;
line-height: inherit;
}

body.node-type-forum div.author-signature span, .node-type-forum div.author-signature img {
max-height: 32px;
}

body.node-type-forum div.forum-post-content {
font-family: Verdana;
font-size: 10pt;
line-height: inherit;
}

body.node-type-forum div.forum-post-wrapper {
overflow: hidden;
}

body.node-type-forum embed[type="application/x-shockwave-flash"] {
height: 360px;
width: 640px;
}

body.node-type-forum h2.title.comment-form {
clear: both;
}

body.node-type-news div.field-item.even {
font-size: 11pt;
line-height: inherit;
}

body.page-forum a.feed-icon, body.page-node a.feed-icon {
float: right;
}

body.page-forum th.forum-last-post {
width: 300px;
}

body.page-forum th.forum-topics, body.page-forum th.forum-posts {
width: 50px;
}

body.page-node .teaser-content img {
max-width: 652px;
}

div#block-privatemsg-privatemsg-new {
margin-left: 20px;
position: relative;
z-index: 20;
}

div.field-item.even p a {
color: #5873fc;
text-decoration: none;
}

div.forum-name a {
text-decoration: none;
}

div.forum-post-content {
color: #616161;
}

div.forum-post-footer.clearfix {
background-color: #f0f0f0;
}

div.forum-post-panel-main.clearfix {
background-color: #ebebeb;
}

div.forum-post-panel-sub {
background-color: #f0f0f0;
}

div.forum-subforums a {
text-decoration: none;
}

div.forum-table-name a {
text-decoration: none;
}

img.slide {
height: 128px;
}

img[src~="http://missingworldsmedia.com/images/favicon.ico"] {
-moz-box-sizing: border-box;
background: url(http://www.ascendantonline.com/files/Old_MWM_logo.png) no-repeat;
box-sizing: border-box;
display: block;
padding-left: 32px;
width: 32px;
}

li.comment-add.last {
padding-left: 22px;
}

li.comment-delete.first a {
text-decoration: none;
}

li.comment-edit a {
text-decoration: none;
}

li.comment-reply a {
text-decoration: none;
}

li.comment-reply.first a {
text-decoration: none;
}

td.forum-last-reply a {
font-size: 10pt;
letter-spacing: 0;
text-decoration: none;
}

td.forum-list-icon.forum-list-icon-default {
background-color: #f0f0f0;
}

td.forum-list-icon.forum-list-icon-new-posts {
background-color: #f6ffb5;
}

td.views-field.views-field-topic-icon {
background-color: #f2f2f2;
}

th.forum-name {
width: 280px;
}

th.forum-posts {
width: 38px;
}

th.forum-topics {
width: 38px;
}

ul.pager {
float: right;
text-align: right;
width: 560px;
}

div.field-item.even p {
margin-bottom: 0;
}

Doctor Tyche
Doctor Tyche's picture
Offline
Last seen: 7 hours 37 min ago
Developer11th Anniversary Badge
Joined: 12/04/2012 - 11:29
*sending Izzy PM*

*sending Izzy PM*

Technical Director

Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider

Izzy
Izzy's picture
Offline
Last seen: 12 months 2 days ago
kickstarter11th Anniversary Badge
Joined: 10/09/2013 - 11:09
I'm not sure if anyone else

I'm not sure if anyone else is experiencing this Feature* of thin, lite, antialiased (almost transparent) text like me,
ex: http://i.imgur.com/2dwc1RV.png
and if you dont like it, you might want to use this updated style code here:

@import url(http://fonts.googleapis.com/css?family=Georgia);

#block-textsize-form {
clear: both;
}

#block-textsize-form > .block-title {
float: left;
width: 80px;
}

#block-textsize-form > .content {
float: left;
margin: 2px 0px -5px -20px;
width: 460px;
}

#block-textsize-form > .content > .textsize_list, #block-textsize-form > .content > .textsize_list > li {
float: left;
}

#block-textsize-form > div.content > .textsize_current {
float: right;
left: -50px;
position: relative;
width: 120px;
}

#contentWrapper {
background-color: #dedede;
font-family: Helvetica;
}

#header-images {
height: 128px;
}

#pageBorder {
left: 0px;
position: absolute;
top: 0px;
width: 1018px;
}

.container_12 .grid_4 {
width: 218px;
}

.container_12 .grid_8 {
width: 750px;
}

.container_12 .pull_8 {
left: -770px;
}

.container_12 .push_4 {
left: 240px;
top: 3px;
}

.forum-post-links {
margin-right: -18px;
}

.page-tracker h1#page-title {
display: none;
}

.sidebar ul.menu {
margin-left: -30px;
}

.topic-reply-locked {
float: left;
}

a.active {
text-decoration: none;
}

a.bb-url {
color: #5873fc;
text-decoration: none;
}

a.permalink {
text-decoration: none;
}

a.username {
color: #c277a8;
text-decoration: underline;
word-wrap: break-word;
}

blockquote.quote-msg.quote-nest-1.odd {
margin-bottom: -10px;
margin-left: 4px;
margin-right: 15px;
margin-top: 10px;
}

body.node-type-forum .forum-post .forum-post-panel-main img {
max-width: 812px;
}

body.node-type-forum blockquote.quote-msg p {
margin-bottom: 0px;
}

body.node-type-forum div.author-signature {
background-color: #edeeff;
color: #c2c0c2;
font-size: 8pt;
line-height: inherit;
}

body.node-type-forum div.author-signature span, .node-type-forum div.author-signature img {
max-height: 32px;
}

body.node-type-forum div.forum-post-content {
font-family: Verdana;
font-size: 10pt;
line-height: inherit;
}

body.node-type-forum div.forum-post-wrapper {
overflow: hidden;
}

body.node-type-forum embed[type="application/x-shockwave-flash"] {
height: 360px;
width: 640px;
}

body.node-type-forum h2.title.comment-form {
clear: both;
}

body.node-type-news div.field-item.even {
font-size: 11pt;
line-height: inherit;
}

body.page-forum a.feed-icon, body.page-node a.feed-icon {
float: right;
}

body.page-forum th.forum-last-post {
width: 300px;
}

body.page-forum th.forum-topics, body.page-forum th.forum-posts {
width: 50px;
}

body.page-node .teaser-content img {
max-width: 652px;
}

div#block-privatemsg-privatemsg-new {
margin-left: 20px;
position: relative;
z-index: 20;
}

div.field-item.even p {
margin-bottom: -5px;
margin-left: 6px;
margin-right: 10px;
margin-top: 5px;
}

div.field-item.even p a {
color: #5873fc;
text-decoration: none;
}

div.forum-name a {
text-decoration: none;
}

div.forum-post-content {
color: #616161;
}

div.forum-post-footer.clearfix {
background-color: #f0f0f0;
}

div.forum-post-panel-main.clearfix {
background-color: #ebebeb;
}

div.forum-post-panel-sub {
background-color: #f0f0f0;
}

div.forum-subforums a {
text-decoration: none;
}

div.forum-table-name a {
text-decoration: none;
}

img.slide {
height: 128px;
}

img[src~="http://missingworldsmedia.com/images/favicon.ico"] {
-moz-box-sizing: border-box;
background: url(http://www.ascendantonline.com/files/Old_MWM_logo.png) no-repeat;
box-sizing: border-box;
display: block;
padding-left: 32px;
width: 32px;
}

li.comment-add.last {
padding-left: 22px;
}

li.comment-delete.first a {
text-decoration: none;
}

li.comment-edit a {
text-decoration: none;
}

li.comment-reply a {
text-decoration: none;
}

li.comment-reply.first a {
text-decoration: none;
}

td.forum-last-reply a {
font-size: 10pt;
letter-spacing: 0;
text-decoration: none;
}

td.forum-list-icon.forum-list-icon-default {
background-color: #f0f0f0;
}

td.forum-list-icon.forum-list-icon-new-posts {
background-color: #f6ffb5;
}

td.views-field.views-field-topic-icon {
background-color: #f2f2f2;
}

th.forum-name {
width: 280px;
}

th.forum-posts {
width: 38px;
}

th.forum-topics {
width: 38px;
}

ul.pager {
float: right;
text-align: right;
width: 560px;
}

div.forum-table-description {
font-size: 16px;
font-family: Helvetica;
}

Now it looks like this for me:
ex: http://i.imgur.com/zMhxVt2.png

Fireheart
Fireheart's picture
Offline
Last seen: 12 hours 5 min ago
11th Anniversary Badge
Joined: 10/05/2013 - 13:45
I'd rather not use third

I'd rather not use third-party software. What I'm noticing is that the old text-size controls are now missing. I can use text-zoom in my browser, to keep things from getting ridiculous, but some text is extra tiny (like here in the posting window), while other text is extra large (like in the post-display), and Fonts are inconsistent. They're serif, in the post-composition window and sans-serif in the post/thread display!

Be Well!
Fireheart

Doctor Tyche
Doctor Tyche's picture
Offline
Last seen: 7 hours 37 min ago
Developer11th Anniversary Badge
Joined: 12/04/2012 - 11:29
Fireheart wrote: I'd rather
Fireheart wrote:

I'd rather not use third-party software. What I'm noticing is that the old text-size controls are now missing. I can use text-zoom in my browser, to keep things from getting ridiculous, but some text is extra tiny (like here in the posting window), while other text is extra large (like in the post-display), and Fonts are inconsistent. They're serif, in the post-composition window and sans-serif in the post/thread display!Be Well!
Fireheart

The text size controls were causing issues with the template. I have been taking the past few weeks to go through the template with a fine toothed comb to identify what is causing which, to then clean it all up.

Technical Director

Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider

Fireheart
Fireheart's picture
Offline
Last seen: 12 hours 5 min ago
11th Anniversary Badge
Joined: 10/05/2013 - 13:45
Thanks for the update, Doctor

Thanks for the update, Doctor T., and the effort to find and fix, as well.

Be Well!
Fireheart

Doctor Tyche
Doctor Tyche's picture
Offline
Last seen: 7 hours 37 min ago
Developer11th Anniversary Badge
Joined: 12/04/2012 - 11:29
Ok, fixed template is now in.

Ok, fixed template is now in. Any suggestions to improve legibility are more than welcome.

Technical Director

Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider

Foradain
Foradain's picture
Offline
Last seen: 4 hours 58 min ago
kickstarter11th Anniversary Badge
Joined: 10/25/2013 - 21:06
*Rotates Fire*

*Rotates Fire*
*Rotates it again*
*Notes text wrapping so that the whole message is visible and legible without side scrolling*
^_^

*Notes lack of Messages link, and that Fireheart has noted it also*
:(
*Logs on with phone*
*Notes wrapping text still works!*
^_^

Foradain, Mage of Phoenix Rising.
Foradain's Character Conclave
Avatar courtesy of Satellite Nine.
If you can't see an image I've posted, please let me know!