The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

css for font in reply boxes

View previous topic View next topic Go down

In progress css for font in reply boxes

Post by felicity4us2 on June 12th 2013, 10:16 pm

http://www.igdid.com/

Hi, I would like to change the font color and size on the new reply boxes - where folks post - I have changed the background color, but cann't seem to change the font. 

I am running Invision.  Thanks

Felicity


Last edited by felicity4us2 on June 15th 2013, 5:15 pm; edited 1 time in total

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 13th 2013, 4:14 pm

I would like to know the same please, our forum members are all elderly and many have poor vision. Can you help please?

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 14th 2013, 2:38 pm

Can anyone help with this please?

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by Sanket on June 14th 2013, 6:00 pm

On the quick reply or preview mode?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 on June 14th 2013, 9:19 pm

I would like the font to be changed in the quick reply, new topic, and reply boxes - The 'posting boxes' are fine - I have been able to change those.

With the new boxes, I have found the css code to change color, size, etc., but none of the codes affect the font size or color.

Thank you so much for your help.

Felicity

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 14th 2013, 11:05 pm

That is precisely what I want too.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by Sanket on June 15th 2013, 6:42 am

Add this to your css & check.
Code:
.sceditor-container iframe, .sceditor-container textarea{
font-family: Arial !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 15th 2013, 12:57 pm

That does'nt work for me. I get warning message:

Error
Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by Sanket on June 15th 2013, 2:30 pm

Have you by any chance messed up the previous css code? Can you post the code here?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 on June 15th 2013, 3:48 pm

No, I don't get an error - but, it doesn't work - I already tried it and nothing. I really think maybe it has something to do with javascript - but, I don't really know. I have tried every css code, including this one, and getting nowhere - but, have been able to change the background, size of the boxes, - yeah - but not the font.

I'll keep looking and trying.

Okay, well.... I didn't switch the editor mode - when I did, the code worked perfectly - sorry. So, like before, the bigger font is only on the 'code' mode. hmmm. I never found out how to change it in that mode before the new boxes - is there a way to do that?

Okay - got it!!!!!! :wouhou:

I put this in the javascript

Code:
my_setcookie('WYSIWYG_STATE', 0, true);

and used the css provided.

Now, folks can click on the switch editor mode if they want to use the other editor. Hey, this is the way I like it - hope everyone else likes it now.

Thanks so much.


Last edited by felicity4us2 on June 15th 2013, 5:15 pm; edited 2 times in total

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 15th 2013, 3:48 pm

Previous code entered into css

img.smiley {}img.smiley {
width: auto !important;
height: auto !important;
}

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by SLGray on June 15th 2013, 7:21 pm

@Corrie wrote:Previous code entered into css

img.smiley {}img.smiley {
width: auto !important;
height: auto !important;
}

Remove {}img.smiley


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35628
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 15th 2013, 9:41 pm

It still does'nt work, same error warning as before.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by SLGray on June 15th 2013, 11:52 pm

Please post your whole CSS stylesheet. Please place it in the code tags.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35628
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 on June 16th 2013, 12:51 am

here is the code that I used to make the font bigger on all three boxes.

Put that in your css -

Code:
.sceditor-container iframe, .sceditor-container textarea{
font-size: 20px !important;
}

Go to admin>modules>javascript management (at the very bottom of the page) then, create a new javascript - give it a name and paste this code in

Code:
my_setcookie('WYSIWYG_STATE', 0, true);

Your font will 20px - and you can also change the color. that worked for me.

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 16th 2013, 3:30 pm

What do you mean by code tags please?

Thanks for help felicity4 us2. I will wait and see what the mods say about the whole css stylesheet sheet when I find out where code tags are.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by SLGray on June 16th 2013, 10:59 pm

@Corrie wrote:What do you mean by code tags please?

Thanks for help felicity4 us2. I will wait and see what the mods say about the whole css stylesheet sheet when I find out where code tags are.
Code:
[code][/code]


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35628
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 18th 2013, 2:57 pm

Code:
body {
background-repeat: repeat-y;
background-position: center;
min-height: 101%;
}
#wrap {
padding: 25px;
margin-top: -35px;
margin-bottom: -60px;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url('http://a.imagehost.org/0141/bg_footer.gif');
width: 911px;
min-width: 800px;
}
/* Header-------------------------------------------------*/
.headerbar {
height: 200px;
background-image: url('http://a.imagehost.org/0800/bg_header.jpg');
background-position: top center;
background-repeat: no-repeat;
margin-top: 1px;
}
#page-body {
margin-left: 20px;
width: 871px;
}
div.navbar {
margin-left: 20px;
width: 851px;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('');
background-repeat: repeat;
font-family: arial ;
color: #ac2319;}
input.search {
background-image: url('http://a.imagehost.org/0939/icon_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
img.smiley {
width: auto !important;
height: auto !important;
}
div.sceditor-emoticons
overflow: auto;
max-height: 200px;
max-width: 250px;
.sceditor-container iframe, .sceditor-container textarea{
font-size: 20px !important;

Apologies for delay, family illness.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by Richard. on June 18th 2013, 7:04 pm

Code:
body {
background-repeat: repeat-y;
background-position: center;
min-height: 101%;
}
#wrap {
padding: 25px;
margin-top: -35px;
margin-bottom: -60px;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url('http://a.imagehost.org/0141/bg_footer.gif');
width: 911px;
min-width: 800px;
}
/* Header-------------------------------------------------*/
.headerbar {
height: 200px;
background-image: url('http://a.imagehost.org/0800/bg_header.jpg');
background-position: top center;
background-repeat: no-repeat;
margin-top: 1px;
}
#page-body {
margin-left: 20px;
width: 871px;
}
div.navbar {
margin-left: 20px;
width: 851px;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('');
background-repeat: repeat;
font-family: arial ;
color: #ac2319;}
input.search {
background-image: url('http://a.imagehost.org/0939/icon_search.gif');
background-repeat: no-repeat;
background-position: left 1px; }
img.smiley {
width: auto !important;
height: auto !important;
}
div.sceditor-emoticons
overflow: auto;
max-height: 200px;
max-width: 250px;
.sceditor-container iframe, .sceditor-container textarea{
font-size: 20px !important;}

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie on June 23rd 2013, 10:48 pm

Any update on this please, members are still asking if they can have the font larger in the post reply box.

Corrie
Forumember

Posts : 142
Reputation : 1
Language : English

Back to top Go down

In progress Re: css for font in reply boxes

Post by NiteSpinR on July 4th 2013, 2:02 am

How can I make the Font the same size both on and off of Switch Editor Mode ?
My current code in CSS

Code:
.sceditor-container iframe, .sceditor-container textarea{
font-family: Verdana !important;
font-size: 18px !important;

and this is what I have added to JavaScript, checked "In All Pages"


Code:
my_setcookie('WYSIWYG_STATE', 0, true);

and this


Code:
$(document).ready(function() {
  $('div.sceditor-container.ltr.wysiwygMode
iframe').ready(function() {
  $('div.sceditor-container.ltr.wysiwygMode
iframe').contents().find('p').css('font-size','18px');
  });
});


http://help.forumotion.com/t124894-how-to-modify-the-default-text-font-size-in-editor

NiteSpinR
Forumember

Posts : 35
Reputation : 1
Language : english

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 on July 4th 2013, 11:19 pm

Interesting question, I have never been able to do that -

felicity4us2
Forumember

Posts : 342
Reputation : 7
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by NiteSpinR on July 4th 2013, 11:31 pm

LOL! Apparently neither can I!

NiteSpinR
Forumember

Posts : 35
Reputation : 1
Language : english

Back to top Go down

In progress Re: css for font in reply boxes

Post by Naitachel on July 5th 2013, 6:44 am

Hi! We have the same problem. Changes made recently by Freeforums has resulted in our posting/reply/edit main boxes as white font on white background. It used to be black font.

I have changed our general settings to light grey font so people can actually SEE anything they write. But that seems to be the only setting that affects the font in question. And I can find no setting for the background of those boxes.

You guys posted some solutions above. I am not a computer major. I don't understand any of it. Can someone put a solution in simplistic terms I and five year old child can understand? Wink

Thanks.

Naitachel
New Member

Posts : 7
Reputation : 1
Language : English

http://thelandofdragons.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum