Increase font size
Home › Forums › WordPress Themes – Premium › Encounters › Increase font size
- This topic has 21 replies, 59 voices, and was last updated 8 years, 7 months ago by
Sushil Adhikari.
-
AuthorPosts
-
February 19, 2014 at 10:15 pm #14744
Millielil
MemberHi
I am very new at this.
Love my encounters theme though I would like to increase the size of the font on the overall site. How do I do this? I haven’t been able to figure this out…Thanks, Millielil
February 19, 2014 at 10:24 pm #19250Sushil Adhikari
ModeratorI didn’t make my previous themes easy enough for font management as it can get a little complicated. But I recommend using a font plugin to do that, or if you are using a plugin to edit CSS, or if you are using a child theme, you would modify the body base font size, something like this:
body {font-size: 110%;}
…or whatever size you want.
February 19, 2014 at 10:29 pm #19251Millielil
MemberI am not using a child theme, just the normal pro version.
Do you know of any font plugins that are pretty easy?
Using a plugin to edit css makes no sense to me, sorry 🙂February 19, 2014 at 11:04 pm #19253Sushil Adhikari
ModeratorIf you are using jetpack, it has a CSS editor, but I’ve personally never used any, but perhaps this one might help?
http://wordpress.org/plugins/simple-custom-css/screenshots/You may also want to consider using the child theme that comes with this theme…there’s a tutorial for it as well, plus you can read more about using child themes here:
http://codex.wordpress.org/Child_ThemesFor actual font plugins that lets you choose fonts, sizes, and more, you may want to check out this one as it appears it’s a very popular one:
February 20, 2014 at 3:13 pm #19259Millielil
MemberIf I install the child theme what happens to all the stuff I set up in the normal theme? Widgets etc. Do I have to do it all over?
I wanna make sure I understand this correctly, so if I use the normal edit functions in the parent theme (and just stick to the fonts as they are), this will stay when the theme is updated but changes made otherwise will not unless I use th child theme?
February 20, 2014 at 7:02 pm #19260Sushil Adhikari
Moderatorunfortunately yes…. it’s a WordPress thing, so whenever you activate any theme, parent or child, WordPress sees it as a “new” theme activation. It does not inherit or import theme option settings from a previous theme activation.
So if the child theme is not an option for you at this time, then you will want to try the Edit CSS plugin option, or if you use Jetpack, it has it’s own Edit CSS function. The important factor here is that any changes you make to the actual theme itself, you will lose those whenever there is an update to the theme and you would have to redo them again. Which is why if you use a child theme, or a CSS edit type plugin (or any other type of plugin), you won’t lose your modifications.
February 20, 2014 at 11:23 pm #19261Millielil
MemberI’m sorry if this is a dumb question, but what do you mean when you say “make changes to the theme itself”?
I’m thinkning that since I don’t know what that means I’m probably not doing it… 😉
I want to avoid the child theme thing because I’m very new at this and it seems complicated, to me anyway…
But if I get the edit CSS plugin to change the font size a wee bit, will this disappear with the next update?
Thank you in advance 🙂
February 21, 2014 at 12:05 am #19262Sushil Adhikari
ModeratorNo worries… and no question is a dumb question. A rule of thumb when to use a child theme and not to use one:
1. If you plan to make any code changes to any theme file, either now or in the future, such as moving or changing code, then use a child theme
2. If you only need to make changes to styles, such as a font size, then a CSS editing plugin can be used.To answer your last question….no, you will not have your font size changes disappear on the next update.
February 21, 2014 at 7:48 am #19263Sarah McDowell
MemberI am also interested in increasing the font size for the overall body text of the Encounters theme. I wouldn’t want the heading sizes to change.
Is this all I need to change?: body {font-size: 110%;}
February 21, 2014 at 9:12 am #19264Sushil Adhikari
Moderator@Sarah …..For the most part, it should work, but try it…you could always remove the custom css if not, but I think it should do ok.
March 5, 2014 at 4:58 am #19352Sarah McDowell
MemberI tried editing the child theme’s style.css file to increase the font size. It did not work for me. I shall try editing it in the actual theme’s style.css file.
March 6, 2014 at 3:17 am #19367Sarah McDowell
MemberSo I was wondering how I would go about increasing the overall font size of the website if adding
body {font-size: 110%;}
to the child theme’s style.css doesn’t do anything.March 6, 2014 at 3:38 am #19368Sushil Adhikari
ModeratorJust by coincidence, I am working on the newer Preference based theme and I will be using rem font sizes, which is what the Encounters theme uses. For rem sizes, the base font-size has to be on the HTML and not the body. As I just realized, it should be like this:
html { font-size: 110%; }
rem (Root em) means HTML and not the body.
March 6, 2014 at 7:04 am #19369Sarah McDowell
MemberGreat, it worked perfectly now!
March 12, 2014 at 10:48 pm #19408Millielil
MemberHi Again
I decided to go ahead with the child theme, since the plugins are really awful for increasing font size…
Where do I put the piece of code you suggest?
Thanks 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.