Articles presentation text

GK User
Sat Aug 02, 2014 10:14 pm
I fell that the text of the articles on this template are too small and the space beetween the lines, too big.
How to change the font size?
How to change the line spacing?
Regards
User avatar
Fresh Boarder

GK User
Sun Aug 03, 2014 7:58 am
Could you please post an url to your site?
User avatar
Moderator

GK User
Sun Aug 03, 2014 1:23 pm
Hi, thanks you for the attention.
I'm using Joomla GK university and I am not very knowledge on tweaking templates therefore I'm dealing with big difficulties to adapt it to my needs. I'm spending some time reading your documentation to realize that most of it assumes a certain level of basic knowledge from the user that I lack, or links to several disperse topics making it very hard to find answers to the basic questions. That’s why I’m suggesting that you create a video tutorial for beginners on tweaking the quickstart installation to a selected example, all way to the end. This is not a criticism to your products, that I find excellent, and I’m sorry if you find it a silly suggestion.
My current job is trying to migrate my site built on joomla 2.5 to joomla 3.3. It is a school web site therefore I elected the GK University as the new template. I've imported all the existing articles and categories to the new platform. I preferred to build new menus and actually all seem to be functional. Now it is time to show all that information on the template according with the new template positions chart and with the help of another GK university quickstart installation on my localhost and the firebug and the ?tp=1. The first big problem is that the articles are shown with a very small typeface and the lines are too much apart. So my first question is how to change the font size and line spacing of the articles presentation text? (Curiously I discovered how to change the font type, size and color of the main menu but not of the articles body).
This is how the work shows in this early phase: http://www.casadarroteia.pt/j33
User: ***, pass: ***
Best regards
Virgilio Carvalho
User avatar
Fresh Boarder

GK User
Mon Aug 04, 2014 9:19 am
First and most important thing - don't ever post login and pass to your backend on a forum. This is a public forum, so you have given the data to entire world :/.
I'll try to help you as much as I can, but remember that we don't provide support to whole template makover. We can point you in some directions, but if you need more help, either take some basic html/css course to get to know with firebug/dev tools better or try find some frontend developer for help.
Also the proportion of font size to line height is made so it can be easy readable and is quite common in now days (those are main basics of designing the typography).

Yet if you still want to change the typography, please edit: /templates/gk_university/css/override.css and add at its end:
Code: Select all
body {
font-size: 14px;
line-height: 1.6;
}


Now modify font size and line-height to your liking - above are default values. To simplify thins - second line defines line height as an multiplier of font size (14 * 1.6 will give you line height).

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Mon Aug 04, 2014 1:39 pm
Thank you for your readiness. Now I realize that your business is dedicated to experts. It’s your entire right. The mistake is mine. Thank you again for your kind attention to me.
Best regards
Virgilio Carvalho
User avatar
Fresh Boarder

GK User
Mon Aug 04, 2014 2:40 pm
Well, not for experts. We assume that users who doesn't have any idea about modifying htm/css/js/php will either stick to default layout or will try to use our tips. In most cases they are quite easy one - as is above -> take the code, past it to correct file, switch something in backend and thats it.
Please let me know if you were able to make above change.
User avatar
Moderator

GK User
Mon Aug 04, 2014 4:55 pm
The code works and shows that the problem of the line spacing I’m referring to is not in line-height that works when the text wraps. I guess the issue is on paragraph spacing.
Additionally, when I call for an article it is shown to far from the top. I was playing with “padding” with no success.
To make the override.css work it is necessary to add “!important” to each additional line. Inspecting via firebug I realized that other files are called after “override.css” that supersedes it.
Thanks
User avatar
Fresh Boarder

GK User
Tue Aug 05, 2014 7:33 am
Your site gives me "not found" - is it live, or have you moved it somewhere?
User avatar
Moderator


cron