The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

css for font in reply boxes

+3
Sanket
Corrie
felicity4us2
7 posters

The forum of the forums :: Miscellaneous :: Garbage

Go down

In progress css for font in reply boxes

Post by felicity4us2 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
felicity4us2
Forumember

Posts : 345
Reputation : 9
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie 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?
avatar
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 June 14th 2013, 2:38 pm

Can anyone help with this please?
avatar
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 June 14th 2013, 6:00 pm

On the quick reply or preview mode?
Sanket
Sanket
ForumGuru

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

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 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
felicity4us2
Forumember

Posts : 345
Reputation : 9
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

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

That is precisely what I want too.
avatar
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 June 15th 2013, 6:42 am

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

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

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie 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.
avatar
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 June 15th 2013, 2:30 pm

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

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

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 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
felicity4us2
Forumember

Posts : 345
Reputation : 9
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

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

Previous code entered into css

img.smiley {}img.smiley {
width: auto !important;
height: auto !important;
}
avatar
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 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


css for font in reply boxes Slgray10

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

Male Posts : 51481
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: css for font in reply boxes

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

It still does'nt work, same error warning as before.
avatar
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 June 15th 2013, 11:52 pm

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


css for font in reply boxes Slgray10

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

Male Posts : 51481
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: css for font in reply boxes

Post by felicity4us2 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
felicity4us2
Forumember

Posts : 345
Reputation : 9
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie 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.
avatar
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 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]


css for font in reply boxes Slgray10

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

Male Posts : 51481
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: css for font in reply boxes

Post by Corrie 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.
avatar
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. 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.
Richard.
Forumember

Male Posts : 249
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 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.
avatar
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 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');
    });
});


 https://help.forumotion.com/t124894-how-to-modify-the-default-text-font-size-in-editor
NiteSpinR
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 July 4th 2013, 11:19 pm

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

Posts : 345
Reputation : 9
Language : english

http://igdid.com

Back to top Go down

In progress Re: css for font in reply boxes

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

LOL! Apparently neither can I!
NiteSpinR
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 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.
avatar
Naitachel
New Member

Posts : 7
Reputation : 1
Language : English

http://thelandofdragons.forumotion.com/

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Miscellaneous :: Garbage

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