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.

How to make the forum font appear the same in the (Quick) Reply Editors

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 8th 2015, 6:56 pm

We changed the phpbb3 forum default font-size from 10 to 12 pixels. But in both the Post Reply and Quick Reply editors the font size is still 10 pixels.
After posting the text appears correct in the postings as 12 pixels.

But it would be nice if the editors would be really WYSIWYG and be at the same font size. Mostly because the emoticons are correct sized.
Just seems handy and logical to have the font at 12 pixels when typing.

I did try several suggestions and even Java I found in old topics here on the forum, but none worked good.


Last edited by Meesleepbeest on December 10th 2015, 1:44 am; edited 1 time in total

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 8th 2015, 11:57 pm

Please Give A forum URL where your problem is and make sure a guest can make a post so we can look up your forum Code for our tests.





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 12:20 am

Ow woops, sorry again: http://faqts.do-talk.com

I am not sure if I can turn the Quick reply on for guests... ?

I made a guest forum at the top where you can post, the normal editor behaves the same. 10px in the editor, showing 12px font in the post

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 9th 2015, 12:57 am

ok here is your Problem
Find :
body, code::before, html, p, table {
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

Change:
font-size: 13px;

Save





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 1:04 am

Hello,

Where should I put this? If I put this into the CSS Stylesheet the whole forum gets bigger except the editors.
I can do whatever I want, with the fonts, just fine on every part of the forum, except the editors Crying or Very sad

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 9th 2015, 1:09 am

do you have a test account i can use with Admin rights ? if yes can you pm me it and i will see what its doing it as my tools just give me that code.





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 1:13 am

No I do not, but it is the same on all forums... Also on one we have never modified anything on it is the same. The editors are at the default forum 10 pixels and stay that way, even if you change the whole forum to other font sizes.

~edit~ I am off to bed now, have a good day. I will read here again tomorrow

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 9th 2015, 1:20 am

ok give this a go
add this to the top of your css files

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

Just change the 13px to your size you want Wink
Now for your Font size look it up here on this site it will give you the Font size to match your forum in PX
http://websemantics.co.uk/resources/font_size_conversion_chart/





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 9:19 am

Thank you, but sorry to say it did not work, will have to look into it later, disable everything else to see if it works then. Have to run now, so will get back to this later today.

~edit~ Just came back and tested it with all modigfications off, emptied the CSS Stylesheet of all other codings, and turned off Javascript. No change in the editors.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 9th 2015, 7:11 pm

HMM not sure why its not working it should do its working on my test site





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 10:10 pm

Have tried it on several forums with several settings and none work. Also tried to adress all the different parts of the editors.
Maybe it needs a Javascript to change it, like with the personalized colors and extra font sizes.

~edit~ I have found where the text size in the editor seems to come from. As I got a result as I wanted with the Chrome inspection tool:

As it currently is:




Result, bigger text in the editor, when removing the check as indicated in the red oval:

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 9th 2015, 11:20 pm

Is this solved now?


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 11:26 pm

Hi,

No, because I can not change that value without changing the whole forum. As the text size inside the editor seems to inherit its value from the main forum body (something like that).

I just noticed that that checkbox is the only thing that made the text go larger, everything else failed.
Picture 1 shows the current small text in editor, picture 2 shows the correct size when the checkbox is off.

If there is a code to change that value without changing the whole forum, then I would truly have a wysiwyg editor. I only showed it so it maybe could help.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 9th 2015, 11:30 pm

Do you have a test account that I can use to check your chatbox?


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 11:34 pm

http://faqts.do-talk.com/t36-guest-postings#146 everyone can post a reply here, as you type in the quick reply box you see the text, in the editor, is notably smaller than the already posted text. And if you post it, it goes bigger as in the already posted text.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 9th 2015, 11:37 pm

I just checked and the font size in the editor is 13px.

I also checked the post content text, and it is set to 1.3em.


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 11:47 pm

Yes I derped, I am talking about pixels and the forum uses pt

My bad, still you can see that what you typed is not the same, it is smaller as the posted text.

editor is 13 px and the posted result is 12pt, I want the editor to be 12pt too

Sorry for the convusion Embarassed

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 9th 2015, 11:48 pm

@Meesleepbeest wrote:editor is 13 px and the posted result is 16px, I want the editor to be 16px too
Exactly the posted text is 1.3 em.


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 9th 2015, 11:51 pm

No de titels are 1.3em and the text is 1em, the editor is 0.8em.

I want the posted text and editor the same please.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 9th 2015, 11:55 pm

When I check the post content, it shows this
Code:
font-size: 1.3em;

This should only affect the editor:
Code:
body, code::before, html, p, table {
    font-size: 16px;
}


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 10th 2015, 12:02 am

Used that code and as you can see the whole forum gets blown up...

font-size: 1.3em is generated by the forum itself then, as I never used that in the CSS

I already tried that code with no other CSS in the sheet and with Javascripts turned off.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 10th 2015, 12:04 am

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


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 10th 2015, 12:07 am

In there now again, also tried before. not affecting the editor, its a stubborn thing Shocked


I do not really get where the SCEditor gets his information from to make up the text.
As not only the font size is off but also the color and family.

Helvitica is not in the Colors setup, nor the color #111.
As the default text color is #105289 en Main font face is Verdana,Arial,sans-serif

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 10th 2015, 12:25 am

It is hard to see your CSS files if you Do not give us the right to look over your CSS files what we are saying is that the code we have gave you should work as its the code we are all using there must be some thing making a change in your forum 16px is the right px it should not make any change to your forum font size just the text typed in the editor box and nothing else

Edit:
here is a screen shot of my test forum
The code installed


The code we have gave you and the font size turned off





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 10th 2015, 12:46 am

Do you have any JavaScripts set for in topics?


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 10th 2015, 1:11 am

Currently there is no other CSS coding, other than the line you gave me, and Javascripts are turned off. Nothing changes.

It is not that I do not want to share the code, but it has no effect. Also checked with another forum without Javascripts or CSS and same result there.
I also did cross browser check on Chrome, IE and FireFox and all are the same. Font size across the forum is good, editors stay small.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 10th 2015, 1:17 am

did you clear your browser cache after you made the change ?





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by Meesleepbeest on December 10th 2015, 1:22 am

Yes, you can see here http://faqts.do-talk.com/t36-guest-postings#146
If you see anything different than me.

Meesleepbeest
Forumember

Posts : 69
Reputation : 2
Language : Dutch

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by APE on December 10th 2015, 1:28 am

ok now i see the problem

add the code i gave you to the top of your CSS

Now this code is the problem:

Code:
body, code::before, html, p, table {
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}


as you can see it has p, in the code

Code:
body, code::before, html, table {
    color: #111;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

remove the p, then save and see if that makes the change you want if it don't then put it back i removed the p, and it worked fine for me  on your forum





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to make the forum font appear the same in the (Quick) Reply Editors

Post by SLGray on December 10th 2015, 1:30 am

Are you using a mobile device?

Also if you do not want to share a test account publicly, you can send it by pm.


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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