By Rik Brown on Thursday, 05 January 2017
Posted in Technical Issues
Likes 0
Views 1.1K
Votes 0
I'm not having any success changing the overall font size in EasySocial. In EasyBlog, I can add to our template's custom.css the following which works:

body {
font-family: 'Raleway', sans-serif;
font-size: 120%;
line-height: 23px;
}

Since ES doesn't change per the font-size "body" selectors, is there an equivalent (which one) container that I should use to change the overall font-size similar to EB?

Thanks. -- Rik
Perhaps you can try apply following code into your template file and see how it goes.


#es {
font-family: 'Raleway', sans-serif !important;
font-size: 120% !important;
line-height: 23px !important;
}
·
Thursday, 05 January 2017 13:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Arlex:

Thanks but that didn't work either. Any other suggestions for containers that might work?

Thanks again. -- Rik
·
Saturday, 07 January 2017 13:15
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome

Perhaps you can share with us which page is showing this font "Raleway', sans-serif" ?
·
Saturday, 07 January 2017 15:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Perhaps you can share with us which page is showing this font "Raleway', sans-serif" ?

Well, actually our entire Joomla system uses Raleway (a Google font) so any EasySocial page such as our groups page uses that font.

That can be contrasted with our EasyBlog main page with a larger font size throughout EasyBlog.

The reason we are so concerned with font size is that, via Google Webmasters, we have been advised by Google that we need larger font sizes. It appears that Google will be penalizing sites with a lot of small print.

Thanks.
·
Wednesday, 11 January 2017 13:30
·
0 Likes
·
0 Votes
·
0 Comments
·
After troubleshoot long hour ago, it seems like one of your custom css code missing that curly braces then causing this issue, you can check my screenshot here : http://take.ms/bBtre

After corrected it, it seems above css work, but only affected for some of the place. Because it need some other css to update that font size.

However, I updated following css into this file JoomlaFolder/templates/socialize/css/custom.css

div#es {
font-family: 'Raleway', sans-serif;
font-size: 100%;
line-height: 23px;
}

div#es .o-tabs {
font-size: 100%;
}


By the way, I am really sorry but unfortunately we cannot accommodate your request currently as it is beyond our support scope's policy as outlined in http://stackideas.com/support

Thanks for understand.
·
Wednesday, 11 January 2017 21:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Arlex:

Thanks for all of the help. It looks a lot better now. -- Rik
·
Thursday, 12 January 2017 02:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Rik, glad that your issues are resolved now
·
Thursday, 12 January 2017 02:10
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post