We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
  • Pages:
  • 1
[ ! ] A text resizing code please.
Topic Started: Jun 14 2012, 01:03 PM (1,906 Views)
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Board Address: http://sandysplace.org/index/
Board Software: Zetaboards
Description: I need a code that will resize all the fonts in the forum, something like Cory's text resizer.. that one only does the posts, I could use something that will resize all the section headers, topic titles, descriptions etc.

I've got a few members who's eyesight is pretty bad for various reasons, so this would be a great help if it can be done.

I thought I saw a code like this a few months ago, but I can't find it anywhere, unless it's buried in another topic somewhere.
Edited by SandyC, Jun 17 2012, 08:19 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Here's the global version: http://if.invisionfree.com/single/?p=17307477&t=5147377
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
That does things like the category headers, thread names and descriptions etc?.. I still have your post resizer, it's everything else with some themes...
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
It resizes all fonts across the board.
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Okay, got it installed, but there's at least 2 themes it doesn't seem to work on, Forum Deco and Forum 2 Forum are the two at present.. it's working well on the Dolphin Theme and Kiwi Goth..
I meant to ask how to make the + and - a bit bolder on the themes it is working on.. can it be done?...
Edited by SandyC, Jul 5 2012, 08:32 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
The submenu needs to be present in a theme in order for the plus and minus symbols to be added. The trick is to add an empty DIV with the ID of 'submenu' to your Theme Layout, where it goes depends on where you want it to appear.
Code:
 
<div id="submenu"></div>
Code:
 
#font-resize span {
font-size: #px !important;
font-weight: 700;
}
You can use that to control the font size and weight. It can either go in the CSS of a theme to affect that theme only or the Javascripts wrapper in between the style tags to affect all themes:
Code:
 
<style type="text/css">
#font-resize span {
font-size: #px !important;
font-weight: 700;
}
</style>
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Ummm, you lost me, lol.. if I put the bottom code in all the theme appearances, will that fix it?..
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
If a submenu isn't present in a theme, you need to add the empty DIV to the Theme Layout so the plus and minus symbols will be added to that theme.
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Ohh okay, so: <div id="submenu"></div> needs to be added to the theme layout of the themes that aren't showing a + or -

This old fella is pretty clueless when it comes to codes, so I need it all dumbed down, lol...
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
That is correct.
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Thanks, I presume this bolds the plus and minus?..

#font-resize span {
font-size: #px !important;
font-weight: 700;
}
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
font-weight: 700;
That will bold the plus and minus symbols.
Code:
 
font-size: #px !important;
That will change the font size, but you have to change the number sign to the amount of pixels you want the font to be. They are 18px by default.

The strip you posted must be added to every Edit Theme Appearance to affect all themes, or you can simply insert the snippet of CSS I posted above in between the style tags to the Javascripts wrapper of the Board Template to affect all themes.
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
I put: <div id="submenu"></div> into the top of a layout that wasn't showing a + or - but nothing, do I have to add

font-weight: 700;
font-size: #px !important;

to the CSS?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Which theme did you add it to?
Offline Profile Goto Top
 
SandyC (PM)
Member Avatar
Member
[ *  *  *  * ]
Cafe Eclectic, it was one of the 3 themes that wasn't showing the + and - after I put the code in from the link you gave.. the other two themes it's not working in are Forum Deco and Wild Heart, otherwise the code in your other thread seems to be working fine on all the other themes...
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1