- Posts: 30
COMMUNITY FORUM
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
-
Topic Author
- Offline
- Junior Member
Please Log in or Create an account to join the conversation.
- Yiota
-
- Offline
- Elite Member
- Posts: 311
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
Log in or Create an account to join the conversation.
- Krikor Boghossian
-
- Offline
- Platinum Member
- Posts: 15920
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
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
-
- Offline
- Platinum Member
- Posts: 15920
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
Please Log in or Create an account to join the conversation.
- Nikos Papanikolaou
-
Topic Author
- Offline
- Junior Member
- Posts: 30
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
-
- Offline
- Platinum Member
- Posts: 15920
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
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.
- Yiota
-
- Offline
- Elite Member
- Posts: 311
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) { ...
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" />
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
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
-
- Offline
- Platinum Member
- Posts: 15920
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
-
Topic Author
- Offline
- Junior Member
- Posts: 30
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
-
- Offline
- Platinum Member
- Posts: 15920
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.