Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

add google font family

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago #136680 by Nikos Papanikolaou
add google font family was created by Nikos Papanikolaou
i need to replace the roboto font family with open+sans but i haven't been able so far to spot where the roboto is inserted in ordr to replace it

Please Log in or Create an account to join the conversation.

More
11 years 7 months ago #136681 by Yiota
Replied by Yiota on topic add google font family
The location of the definition of font-family is in includes/helper.php in line 39 and 40. You can replace them there, but keep in mind that after a template upgrade your changes will be lost since the only files that the upgrade package won't overwrite are index.php and custom.css.

Then, after defining the new font-family, browse template.css and k2.css files, get the elements that have the Roboto font family defined and copy them to the custom.css file. Define only the font-family of these copied elements, i.e.
body {font-family:'Open sans', sans-serif;}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago #136682 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
what about inserting the code into the custom.css
Log in  or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 7 months ago #136683 by Krikor Boghossian
Replied by Krikor Boghossian on topic add google font family
Hello Nikos,

You can do this, but in older browsers Roboto will still be loaded. If you have no concern for older IE you can use this method.
You have to make sure that every Roboto instance is overridden.

If on the other hand you still wish to actively support older IE's (support IE8 by default) you might need to alter helper.php a bit.
PS. All methods methods work fine but IE8- will load 100kb more if you use the @import method.

Finally I personally recommend using the rel="stylesheet" method of embedding Google fonts because you will eliminate the FOUC effect.
In the upgrade package index.php will not be included so you can safely use this.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago - 11 years 7 months ago #136684 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
that's great, i ll embed the style rel code then in the index.php so there will be no worries..
regarding the responsiveness since it is something that i currently don't need, is there any bullet proof way to deactivate or just comment all the @media lines in templates css and remember to do so again in future upgrade? (i need 960fixed width)

i was used in tweeking the actual files but i guess you strongly suggest to do so on the custom.css to be on the safe side..

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 7 months ago #136685 by Krikor Boghossian
Replied by Krikor Boghossian on topic add google font family
If you need to edit/remove/modify core parts of the template, roughly speaking you want your template to be a starting point, I would suggest editing directly template.css. You can safely adjust the upgrade package to your needs afterwards.

For this particular template (nuMuzik) which is completely responsive if you comment out the media lines the template will still be adaptive between the 1280px and 768 viewports. Personally I would advise you to keep this layout since it is more versatile but if you need to change it you need to override some CSS code.

If you wish it to have a fixed width you need to edit the grid itself

In your template.css (line 86) locate
.row, .absWrap { width: 100%; max-width: 1200px; min-width: 800px ..

and change it to
.row, .absWrap { width: 960px;

If you wish to add it to your custom.css just add
.row, .absWrap { width: 960px; max-width: 960px; min-width: 960px ..

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago #136686 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
i had already done that, but i noticed, that it still would adjust to screen size, so i guess i had to comment all @media screen lines (at least for now, unless it is requested to be back as responsive)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago #136687 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
also i need an advise, on an isssue which have two aspects..

the first one is that i need the site to support two loanguages, and since (i m not mistaken joomfish isn't available on j2.5)

the second one is that i need the choice to be inserted on top position between seatch position and social media link position..am i supposed to add on index.php a new pposition at that part?

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 7 months ago #136688 by Krikor Boghossian
Replied by Krikor Boghossian on topic add google font family
JoomFish is indeed not available.

In out templates we don;t hardcode any language strings so translating won't be an issue.
Since K2 is compatible with both Falang and Josetta you can see the features of each product and choose which is best for your content.

As for for module positions you can safely edit index.php.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago - 11 years 7 months ago #136689 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
goodmorning

after having commented all media queries i noticed that on mobile devices the site doesn't fit to screen as i would normally expect..
i found a suggestion over here stackoverflow.com/questions/14228389/website-not-shrinking-to-fit-mobile-devices about adding a meta tag.. is this the correct way to go ? or what exactly needs to be done in order to fit screen and zoom in?out?

edit: i just changed user-scalable from 0 to yes and it seem to do the trick, although on android thre is sth wrong with the menu display, while on ios it is fine..

Please Log in or Create an account to join the conversation.

More
11 years 7 months ago - 11 years 7 months ago #136690 by Yiota
Replied by Yiota on topic add google font family
Good morning Nikos,

Since you have commented all media queries the mobile version won't load correctly because the media query is the one that sets the correct guidelines for it to do so.

You can enable only the
@media only screen and (max-width: 569px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width : 569px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width : 569px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width : 569px) { ...
media query which is for mobile devices.

For this template, by default, we have disabled zoom in. To enable it, edit index.php file and change this meta tag
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0" />

to
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

or
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0" />
if you want to limit the zoom up to a certain point. By default the zoom in is up to 5.0 and you can set it between 1.0 and 10.0.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 7 months ago - 11 years 7 months ago #136691 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
thank you Yiota for your advice..

i ll sure come back with more questions.. i hope i m not getting that annoying..

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 7 months ago #136692 by Krikor Boghossian
Replied by Krikor Boghossian on topic add google font family
Have you created two menus, one for each language and assigned them to the appropriate language?
Also in which language are you experiencing this issue?

PS. Also a link will be very helpfull.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nikos Papanikolaou
  • Nikos Papanikolaou's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 6 months ago - 11 years 6 months ago #136693 by Nikos Papanikolaou
Replied by Nikos Papanikolaou on topic add google font family
i ll come back with a link when there is a litle further progress..as for the menu thing, i had worked it out, that's why i had edited my answer..

i want to point sth as a refrence (provided that i used no media queries so i have desktop site view on mobile as well) i noticed that on newer webkit version of android (ics 4 + ) the menu elements would wrap if consisted of two words or more, making them looking "broken" this wasn't a case on ios and older android device 2.2 i used white-space:no-wrap

my new questions are
a) i want to implement sth like this..i guess here is where k2 kicks in..
i.imgur.com/8NdOAoB.jpg
is it possible to have a side menu with main category choice, and at the same time on top to have radio buttons that will fetch items based on specific parameters? probably i ll need to use tags in each separate item? so the filtering will be done through the tags?

b) i want to make also a timeline that will display some articles on specific time periods this one is close to what i need, www.pluginvalley.com/demos/joomla-cool-timeline-demo.html do you have alternative suggestion? preferably free?

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 6 months ago - 11 years 6 months ago #136694 by Krikor Boghossian
Replied by Krikor Boghossian on topic add google font family
Hello Nikos,

a) You need a new position or change the floats of the sidebar and publish o mod_menu with aliases to your main menu or use a K2 Tools module (cateogory listing). As for the radio buttons I think you need to develop a custom AJAX script in order to work (in my opinion without the AJAX script there is no point in using radio buttons, you can just use the K2 Tools Tag cloud or a mod_menu pointing towards K2 Tags).

b) You don't need a extra extension for this since you already know your way around coding. I strongly suggest you create a new override for K2 content (there are several available besides the default one you can extend) and use a simple jQuery script like timeline.verite.co/

Another option you have is to use the mod_k2_content slider template you already have (eg. the slider used on the don't miss template) and use the item created date in the slider pagination.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.