Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
How Do I Increase the Default Font of Reboot Theme
Avatar
Arnel
Member
Free Members
sp_UserOfflineSmall Offline
Dec 16, 2017 - 10:34 pm

Hi.  The default font of everything in Reboot theme is too small for my liking.  Because of this,  I bought the Font Resizer plug in, only to find out that that was not the solution to my problem.  The Font Resizer plug in is nice, but it does not change the default font size.  When you go to a specific topic or page in the forum, I want the font size to be just the right size, even BEFORE the user clicks the font resizer.  Can you tell me how to do this?

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 17, 2017 - 1:20 am

the reboot theme inherits the base font size from the wp theme...  so its probably starting small...

first step would be to create a child theme or custom theme...  usually recommend the child theme...  you can get a reboot child theme starter in our store for free...

then you can easily modify it by adding a single css directive in the child theme css file...

#spMainContainer {font-size: 110%;}

The base font size is 100% which inherits it from your wp theme...  just change the 110% (just an example to something larger) to whatever you like...

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 17, 2017 - 1:21 am

actually, you might be able to add that same styling into the form on forum - themes - custom css and see if that works for you...  would save creating the child theme if that is the only change you need...

Avatar
Arnel
Member
Free Members
sp_UserOfflineSmall Offline
Dec 17, 2017 - 2:48 am

This works.  Thanks, but "#spMainContainer {font-size: 110%;}" does not affect the font size in the TincyMCE editor.  I was able to add the button, "fontsizeselect" in the editor tool bar but it defaults to 11pt.  How can I make it default to something bigger, similar to the font size that I'm using now here in your text editor in this forum?  

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Dec 17, 2017 - 5:24 am

This is a little more difficult because of the way the editor is loaded (using the WordPress API) which means it has its own stylesheet. This also means that you should have exactly the same size font in the content area of the editor as you see here - which is set at 15px.

I can give you a quick and 'dirty' way to make a change to the default but I will need to discuss things with my colleague, @mr-papa - and do some experimentation to see if we can improve on this to enable a permanent change.

For now you could edit the plugin file at:

/wp-content/sp-resources/forum-plugins/tinymce-richtext/resources/skins/SPlightgray/sp-content.css

On the very first line you will see the 'body' text size set to 15px. You can change that if desired but we will see if we can come up with a better solution.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Arnel
Member
Free Members
sp_UserOfflineSmall Offline
Dec 17, 2017 - 6:58 am

I've just noticed that the default font size in the TinyMCE editor is now 14px.  I don't know how that happened.  Whether I change the font to bigger than 15px or keep it at 15px for the file at /wp-content/sp-resources/forum-plugins/tinymce-richtext/resources/skins/SPlightgray/sp-content.css, it seems to have no effect.

I will wait on your feedback to see if you were able to come up with a better solution. 🙂

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Dec 17, 2017 - 9:26 am

Did you clear the browser cache to force-change the cached CSS before retrying this?

andy-signature.png
YELLOW
SWORDFISH
Avatar
Arnel
Member
Free Members
sp_UserOfflineSmall Offline
Dec 18, 2017 - 11:44 am

No matter how many times I cleared the browser cache, I can't seem to make the default go higher than 14 px.  I changed the font size of this file, /wp-content/sp-resources/forum-plugins/tinymce-richtext/resources/skins/SPlightgray/sp-content.css to 15px, 18px, 21px.  I always get 14px as default in the TinyMCE editor.  The first time I changed the 15px to 18px, the Tiny editor changed from 11px to 14px and stayed at 14px no matter the subsequent changes I made to the sp-content.css file.

I wanted the default to be 15px and I got 14px -- which is close enough and yet so far.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 18, 2017 - 9:12 pm

are you using our combined css caching?  if so you might need to clear the cache on forum - toolbox - housekeeping...

also, is this reboot?  if so, you are editing the wrong file...  that theme comes with its own content.css that gets used in the editor...   you should be able to create your own content.css file in your child theme and put the font sizing you want in there...

Avatar
Arnel
Member
Free Members
sp_UserOfflineSmall Offline
Dec 19, 2017 - 7:08 am

I restored this file:  /wp-content/sp-resources/forum-plugins/tinymce-richtext/resources/skins/SPlightgray/sp-content.css.

Then I copiend the content.css of Reboot theme to the Reboot child theme STYLE folder.  Then I changed the font size to 19px  of the first line of the code in content.css.  

It did not work.  Now the default font of Tiny editor is back to 11px.  I would like it to default to 15px.

Can you check please?  Site is https://www.stockswechart.com/.  password and username the same:  help@writerer.com.

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 649
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 616
Members: 17344
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10117
Posts: 79600