Hello Troy,

Currently if you want to change the site wide font size you may do so in the template CSS file. It also really depends on which area of your page you want to increase the default font size whether it the page header, body, footer, etc. Because each CSS function control certain area in the page therefore there could be a more than a dozen CSS instruction that controls the font-size.

The template that the previous thread or discussion that they are referring to is the CSS file for your current template that you are using in your site. You may access that CSS file here in your joomla backend > extensions > template manager > click on your template link under the template column as shown in this screenshot http://screencast.com/t/CBcTHgZEi > click on CSS then the template.css file will appear as shown in this screenshot http://screencast.com/t/hakwfLpWw .

Another way to access the template.css file is to go to your local_Joomla_folder\templates\Your-current-template\css .

Regards
Kheng Wei

@Ooi, actually, I just realized I have no "template.css," which is why I couldn't figure out how to use the other posts' suggestions. I'm using yootheme/warp. Is it called something else? (I think in yootheme/warp it is base.css, but changes there don't seem to affect EasySocial).

hey troy,
the "template.css" file my colleague mentioned was more a global note, the correct file name is different from template to template.

in your yootheme sync theme you can put all changes into the file css/custom.css and when applied there correctly it should work fine.
hope that helps and have a nice day

Thanks, Alex! Nothing I'm putting in that file is making any changes. I don't know what I'm doing wrong.

hey troy,
I'm not sure how / where you made your changes as there's no ftp access provided I wasn't able to move around.
however to test my suggestion with the custom.css file I just added a bigger font on the es stream title directly in your joomla backend / template and it works fine as you can see here: http://screencast.com/t/XirLjRR0

so you might want to try and paste your override code there as well

Alex, forgive my confusion. I feel so stupid right now. I am so confused. What code are you using, and what file? I'm usually not so dense, but I'm really lost as to what you did.

Alex, I knew all of that and was already pasting code there, but suddenly your magical entry made all the difference! LOL Does the format of the code make a difference? Now that I'm running it on a single line like you did, all of the code is working. I had been pasting it like this:

body div#fd.es .es-streams h4 > a {

  font-size:20px;

}

Thank you! Now it's just a matter of firebugging everywhere to find all of the references to what I need to change. There doesn't happen to be a list already compiled?

Again, thank you so much!!

hey troy,
you're welcome - great to hear it's working for you now as well
in terms of a "ready list" I think you already replied to another topic with font-sizes where they shared some styles, but there's no "official" list from our end at least.

for your question with the styling: it shouldn't make any difference, in fact I'm writing my codes the same way you posted here usually, so you're good to go with this.

have a nice day and enjoy your firebug session

Is there a simple list of font related code we can choose from? I am wanting the code for the fontsize in the stream, its just a bit too small.

body div#fd.es .es-streams h4 > a {font-size:20px;}

The code above in my CSS file changes the headers in the stream, I am looking to change the text in the stream items and the menu text size to be a bit larger.

Thanks!
Mark

Looks like this solved my problem from another thread here!

body div#fd.es .es-stream-meta .es-stream-title {font-size: 20px;}
body div#fd.es .es-stream-meta .es-stream-title a {font-size:20px;}
body div#fd.es .es-streams h4 > a {font-size:20px;}
body div#fd.es .es-stream-content {font-size:15px;}
body div#fd.es {font-size:20px; }
body div#fd.es .es-dashboard .es-container .es-sidebar .fd-nav-stacked a {font-size:15px;}
body div#fd .fd-small {font-size:15px; font-weight:normal;}
body div#fd.es .es-toolbar .toolbar-user-name {font-size:15px;}
body div#fd.es .es-comments-form .es-form .mentions textarea { font-size:15px; font-weight:bold;}
body div#fd.es .es-stream-meta .es-stream-meta-footer {font-size:12px;}
body div#fd.es .es-story.is-collapsed .es-story-textfield {font-size:20px; font-weight:bold; line-height:16px; top:16px;}
input, button, select, textarea { font-size:20px; font-weight:bold;}
label, input, button, select, textarea {font-size:20px; font-weight:bold; line-height:20px;}
body div#fd.es .es-story-textfield {font-size:15px;}
body div#fd.es .es-widget .widget-title {font-size:13px;}
body div#fd.es .es-widget .fd-nav > li > a {font-size:15px;}
body div#fd.es.view-conversations .es-content li.conversation-item .conversation-meta {font-size:15px;}
body div#fd.es .es-notifications .es-item-list > li .es-notification .es-time {font-size:15px;}

Hey Mark,

Thanks for updating us on this, and glad that your issues are resolved now