Education, School Joomla Template Free

Education School Joomla Template
Please share:

I have designed this template to help schools, universities, educational website. This is a very colorful template, but the colors are nicely blending, this give a nice and happy feeling. The main colors are blue and green, mixed with orange, purple and yellow.

Main Features of School Joomla Template

  • Colorful design with many custom styles
  • Multiple module positions and multi-columns layout
  • Custom colored navigation menu with drop-down effect
  • In-built fluid image slideshow with captions
  • Mobile ready design, works with mobile phones, tables, laptops, desktops (resize browser in live demo to see)
  • Social icons ready to go – inside template
  • Possibility to upload your logo image or use text instead (check template parameters)
  • HTML5 and CSS3 designed, fast loading template
  • It is absolutely FREE

I have included in this template five different menu colors. I will show you how to set up the custom colors:

1. Go to Menu Manager and select the Menu Item you want to change the color.

2. In Menu Item editor, go to the Advanced Options > Link Type Options

3. Add one of the following texts: color1, color2, color3, color4, color5

Joomla Different Menu Colors

Change and add New Colors

You can easily change these colors by editing the following lines in the styles.css file:

/*custom menu colors*/
#navigation a.color1 {background:#FF790A}
#navigation a.color2 {background:#90B804}
#navigation a.color3 {background:#DAC804}
#navigation a.color4 {background:#0C96B1}
#navigation a.color5 {background:#6736A2}

If you need more colors, just insert a new line, just like this:

#navigation a.color6 {background:#956557}

For more help, check the documentation page or submit a comment.

Module Positions:


  1. bumigendhut on Aug.31.2013

    this template is really collorfull, i like the color composition on the main menu. and it’s work well in joomla 2.5.9

  2. juanjev on Sep.03.2013

    Hello, how could I add the description text of the school in the upper right with the links on the demo?

    1. JT Admin on Sep.03.2013

      Create a new Custom HTML module and publish it on position “top”.
      Add text to your module and align it to the right. For the phone we used heading 2 to make a bit bigger. Hope this helps. Check out this on the documentation page.

  3. Adam on Sep.10.2013

    Excellent template, many thanks! However, is there a way to change the color of the brick wall? I guess it is not based on a picture, right? Best regards, Adam

    1. JT Admin on Sep.11.2013

      Playing around with Hue/Saturation options in PS could be a good idea to change the brick wall color. If that does not bring you the color you like, probably you can replace with a new brick texture. The bg.png file is the brick texture, just overwrite that.

  4. L8renzo on Sep.20.2013

    Hi… very beautifoul template, thanks!!! Sorry for my english…
    Its possible to change the dimensions and the color of the article’s titles?
    Thanks… ^^

  5. Andy on Sep.23.2013


    I’m experimenting with your school template. It looks realy cool.

    But I have some troubles with the image slider.
    I never see the image slider!
    I did the correct menuselection (selected all for now).
    I choose 2 images in the ‘slidershow Setup’

    But I never see them when running the website.

    Does anyone have some idea why I’m having this problem?
    thx a lot

  6. Ive Hapers on Sep.23.2013

    I really like the template. Colorful, nice fonts and great options. I’m searching for a way to get the titles a bit smaller. Where can I do this?

    1. JT Admin on Sep.25.2013

      You can adjust the font size and line height of the titles in styles.css at around line 61:
      .item-page-title, .item-page-title a, .contact-name {text-decoration:none;font-size:35px; line-height:35px; color:#90B804}

  7. smutolo on Oct.11.2013

    Hi Admin,

    How can I change the font and the size of the main menu? I want a smaller font to accomodate more menu items horizontally.


    1. JT Admin on Oct.11.2013

      In the styles.css file at around line 162 you can find this css tag:
      #navigation .menu a {…}
      Edit the font-size and add the font-family you would like to use. It will look something like this:

      #navigation .menu a {… font-size:20px; font-family: Arial,Helvetica,sans-serif; }

        1. praveen on Nov.23.2013

          I did what u said but cannot succeed changing any thing neither font size or font family.can you help me….

          1. JT Admin on Nov.23.2013

            To change font styles and font size, you will have to edit the styles.css file. At line 94:

            h1, h2, h3, h4, h5, h6, #logo a, #site-description, #navigation .menu a, #sidebar .module li a, #user1 ul li a, #user2 ul li a, #footer-nav ul li a, #menu-icon {
            font-family: ‘Kavoon’,Arial,Helvetica,sans-serif;

            Change the Kavoon to the font style you want. The font size have to be changed for every class in particular.

  8. Alex on Oct.28.2013

    how can i change my items in position”left” into yellow,blue,even purple colors like you did in the demo?

    1. JT Admin on Oct.28.2013

      Hey Alex! You will have to add custom class suffix to the modules. On the documentation page it is explained and there is also a quick tutorial about this in the Step 4 / Custom Class Modules.

  9. gboolay on Oct.31.2013


    How can I change the font colour of the menu, only the selected page gives a legible white font?

    1. JT Admin on Nov.05.2013

      You will have to change the menu color in the styles.css at line 163 editing this code: #navigation .menu a {… color: #333; …}

  10. jez on Nov.01.2013

    Hi admin,
    we’ve added a table to an article but none of the cellspacing, border, bgcolor details that we’re added to the html in the article are making any difference to what appears when we view the page. Any ideas on how we can make those changes? I’m guessing we need to change one of the css files somewhere, but which one and where…. i can’t figure out.

    1. JT Admin on Nov.05.2013

      Hi! You have to add this class to the table: class=”table table-striped table-bordered”
      If you want to change the table style, you will have to edit the bootstrap.min.css file.

  11. L8renzo on Nov.04.2013

    Hi. Its possible to see (when I am logged Admin or Publisher) a different Modify Icon’s color for the articles, when the article is published or suspended? Now is possible know the state only waiting with mouse upper the icon!!! ^^

  12. Cal on Nov.04.2013

    Hi, I’m writing you from Italy, and I’m trying to modify this bgood template for a really simple site.
    Thus I noticed that, when listing articles in a blog category, if I put a “read more” mark footer background disappears (footer content stille remains, only the blue bricks fancy is not seen anymore). All runs smoothly if I don’t use this mark o.O what do you thing this is due to?

    Thanks! 🙂

    1. JT Admin on Nov.05.2013

      Hi! Probably this is caused by an open DIV tag. Your article contain a div element, and the “read more” button breaks it. Clear your article from css div elements, and allow only paragraph styles, this should fix your issue.

  13. Cal on Nov.05.2013

    Hi admin,perhaps you could give me one more tip…
    I placed Joomla search input box in left position, and now I’m trying to make it wide as the column; but if I place a width:100% property in input[type=”text”] property (styles.css) field exceedes the column @_@ can you tell me where I’m doing wrong? 🙁

    1. JT Admin on Nov.05.2013

      It is overlapping because of the 12px padding. Try adding width:99% or lower and it wont overlap.

    1. JT Admin on Nov.07.2013

      Just checked your website and the slideshow is really big 🙂
      You will have to re-size your image and make the ratio minimum 1/3. An image of 1000px wide and 200px height would perform very good on this template.

  14. Danni on Nov.08.2013

    thanks a lot for this excellente school template.
    Is it possible that nothing happens when you press the menu (in your example contact, drop down and so on). I only want to open the navigation, not another site.
    Thank you.

      1. Danni on Nov.09.2013

        in your template with mouse-over you can open the dropdown menu and see the submenus. But if you press the menu, another page opens unfortunately. Is it possible to switch it off (that you arent’t allowed to press the main menu)? Thanks

    1. JT Admin on Nov.18.2013

      It looks like you did not changed the image size on your slideshow. So I don’t have any other advice.

  15. Tommytoy on Nov.19.2013


    questions about Modul positions: in MS IExplorer the Content position is under the left Position and not right from it and the Buttonframes not round.


    1. JT Admin on Nov.19.2013

      Hi! Probably you are using IE8. My templates are compatible with IE9+ version. The rounded corners are created with CSS3, and this effect does not work in IE8 or older versions. Upgrade your browser.

  16. Chso on Nov.19.2013


    I do also have a problem with the slideshow..
    i have tried to resize my pictures but it still kinda zooms in..

    1. JT Admin on Nov.19.2013

      Your images are 700×300, I used 1000×300 in the demo. Having wider pictures will look much better.

      1. Chso on Nov.19.2013

        Yep. but what i´am looking for is, can i make the slideshow smaller?

        1. JT Admin on Nov.19.2013

          If you don’t want the slideshow to be as big as the screen you can add a width to it. In the styles.css file at line 188 add a custom width to the slideshow box, just like this:
          #slide-wrap { margin:0 auto; max-width:1000px }

          You don’t have to add a height because it will automatically adjust it.

          1. Chso on Nov.19.2013

            Thank you, Sir!
            You made my day… I´ve been grumpy all day because of this…
            Thank you!!!!

          2. Chso on Nov.19.2013

            i have one more question..
            Those colorfull lines in the top and middle, how do i remove them?

          3. JT Admin on Nov.19.2013

            Find these two css elements and set the background to none. This will remove the horizontal colored lines 🙂

            #header-wrap {background:none}
            #navbar {background:none}

  17. Chso on Nov.20.2013

    One more question, my slideshow i kind a sticking out, it´s longer than the menu in the left end, can i adjust only the left end so it fits?

    1. JT Admin on Nov.20.2013

      The slideshow fits well to the width of the template. The problem is the menu. You can add more padding or increase the space between the menu items at line 164:
      #navigation .menu > li { margin-right: 1px; padding: 0; }

      Increase the value of margin-right and see how it fits.

      1. Chso on Nov.20.2013

        i have tried it but when i increase the margin it just pushes one of the menu items down… :S
        I know i am a bit helpless!

        1. JT Admin on Nov.20.2013

          Change back the margin-right to 1px and change the width of the .container {width:987px}
          Also change the #slide-wrap { max-width:987px}

  18. Chso on Nov.20.2013

    i have done so now,, but it still looks like it the menu is to short.. just a little bit..

    1. JT Admin on Nov.20.2013

      Looks fine to me, but you can decrease the width of the slideshow more. You know the concept so play around with it.

  19. Patrick on Nov.21.2013

    Hi, can you tell me, how I can change the color of the Sub-Menue like the Menue?

    1. JT Admin on Nov.21.2013

      Hi! You will have to create a new color style for sub-menus and add it to styles.css file:

      #navigation ul.sub-menu a.color6, #navigation ul.sub-menu a.color6:hover {background:#6736A2}

      After this set the Link CSS Style to color6 just like in the above tutorial.

  20. fpratty on Nov.25.2013

    Hi, I like your template very much and I was thinking to use it for my school web site.
    I was wondering whether your template meets the web usability and accessibility principles requested for institutional websites since 2009 in Italy..
    Thanks a lot,

    1. JT Admin on Nov.25.2013

      Hi Fpratty, don’t know if my templates meets these principles. Haven’t really looked into these standards to be honest.

  21. Sachin Patil on Nov.28.2013

    How to change the dimension of the slider…
    I want the slider of Eduction template same as Clever template.

  22. Sachin Patil on Nov.29.2013

    I have changed background color of menu which is current menu as

    #navigation .menu > .active > a, #navigation > a {color: #000 ; background:#F3EEEB }

    now how i can apply same color for current menu->submenu ?

    1. JT Admin on Nov.29.2013

      Add background color here for active sub menu:
      #navigation ul.sub-menu .active > a { color:#fff;}

      And here for hovering sub menu:
      #navigation .menu ul li > a:hover { color: #fff; background:none;}

    1. JT Admin on Nov.29.2013

      So you want that the background of the sub menu that is child to an active menu to have different color? I’m not 100% sure if this is what you wanted but try out this code and let me know if it works:

      #navigation .menu ul { background:#F3EEEB}

  23. capraan on Nov.30.2013

    Amazing template. Just finding one issue with the logo and top area as I need to use a logo wider than “Span 4” but if i try to sue a different span for logo (and for TOP) the top is shifting down. I guess iti is related to the width of top but could not find were can I change it or How can anyhow arrange a larger logo with a smaller top.

  24. capraan on Nov.30.2013

    Fixed…sorry . I misunderstood the meaning of the span parameter. I thought it was a position offset while it was actually the width of the module.

  25. lhumdin on Dec.04.2013

    are you responsive for mobile this template ????

    help me . i want to edit this template for responsive

    1. JT Admin on Dec.04.2013

      It is responsive! Resize the browser while viewing the demo, or access the demo via your mobile phone.

      1. lhumdin on Dec.05.2013

        it not responsive in mobile

        i test in Iphone. and it not work on Mobile.

        how to responsive . help me please

          1. JT Admin on Dec.05.2013

            I don’t know what you are expecting. This template is responsive and your website looks good on iPhone and iPad as well. I just tested it!

  26. maiuk83 on Dec.05.2013

    Very nice template! I thought about using it for a website of an italian theatre company. I have a question I would like to ask: I tried, but I can’t assign the menu items in the main menu to my articles. When I create a new menu item, I select the “single article” menu item type, then I select my article from the list, but when I go to the home page and click over the menu item I’ve just created, the link doesn’t go to my article, but to a directory of this type: «”menu item alias”», and then, of course, the page that appears contains the error “No input file specified”, because the selected item, of course, doesn’t exist. I spent a lot of time trying to fix this issue by testing the different options available, but I did not succeed. Can you give me a hand with my trouble, please? Thanks a lot.

    1. JT Admin on Dec.06.2013

      This error only appears with my template? If not, probably there is something wrong with the installation or with the setup of your Joomla system or with the menus.

      1. maiuk83 on Dec.06.2013

        Hi, I’ve just solved the issue! Infact, it was just like you said, the problem was not due to your template. It was just a problem about SEO settings: I disabled the option “Activate SEF URL”, and now everything seems working fine. Thanks! Also for your great template.

    1. JT Admin on Dec.11.2013

      The original image is 1000×300 pixels, however in the demo it is scaled up automatically a bit to fit the whole screen.

  27. gee404 on Dec.12.2013


    I’m using your free school template for my website and looking to add calendar (web calendar) to my school website. Any help on how to do this please? Will I need another plugin or module to do this or does yours comes with it? Please advise


    1. JT Admin on Dec.12.2013

      Hi! You will need to search for a calendar extensions and install it to your Joomla system along with my template.

  28. FC-004 on Dec.16.2013

    Hey =)

    Your school template looks great and i really looked forward working with it. So i downloaded it and installed. But it looks nothing like the Demo. I am sure there must be a error or something wrong.

    I have no idead what could be wrong. I wanted to delete the installed template and reinstall it but Joomla did not delete the template when i clicked on delete.

    I need your help pls.

    1. JT Admin on Dec.16.2013

      It does not look like the demo, because the content of the demo is not included in the template. You have to set up modules, slideshow, menus, articles. Start with adding content and publishing modules to the positions that are displayed in the above image.

      1. FC-004 on Dec.16.2013

        I know that i have to write my own articles and setup all the stuff but i meant something else. Just look at the website and you know what i mean.

        1. JT Admin on Dec.16.2013

          I saw your website. Something is messing up the layout. Try to create a menu/single page article and see if that is also breaking the layout. It is strange, something is wrong. Try to play around with different option. Can’t tell what the problem is by seeing the front-end.

          1. FC-004 on Dec.17.2013

            I tried what you suggested:

            I created an article and different menus. It looks still messed up and i have no idea what i should do next… Would you mind taking a look in the backend maybe you can figure out what is wrong? Cause there is no way i can solve this problem on my own.


  29. d0ugal on Dec.19.2013

    great template, JT Admin – i especially like the inbuilt slideshow. I am having a problem with the dropdown menu though. I have to click the parent menu item before any dropdown sub-menu appears, and it *should* just appear on hover, like your awesome demo… unfortunately my install is still on WAMP localhost so I can’t give you any URLs. Could you point me in the direction of where your menu functions are? FYI, the menu is in the correct module position for your template 🙂

  30. d0ugal on Dec.19.2013

    scratch that last comment JT, I just found the ‘Show Sub-menu Items’ toggle in the menu module manager… serves me right for thinking J!3.2 settings would be the same as J!2.5… sorry about that :/

    1. JT Admin on Dec.19.2013

      I have looked into the backed and the first thing I can see is an error:
      Die PHP-Funktion „magic_quotes_gpc“ muss deaktiviert werden, damit diese Joomla!-Version fehlerfrei funktionieren kann!

      First of all deactivate the magic_quotes_gpc in the php.ini on your server.
      magic_quotes_gpc = off

      If you can’t access this file, ask your hosting provider to deactivate it.

      1. FC-004 on Dec.19.2013

        I deactivated the magic quotes in the php.ini file. After i did that i could login in the backend and the error message is gone. But when you want to look at the front end or visit the website it says this:

        “Diese Webseite weist eine Weiterleitung auf.” “ERR_TOO_MANY_REDIRECTS”

        I googled the problem and i tried all the solutions like delete your cookies. Check if the browser time is correct and et cetera. But nothing changed. I even tried to enable magic quotes again but nothing changed.(They are off right now)

        Any idea what went wrong?

        BTW: All other websites like are working fine.

        1. JT Admin on Dec.19.2013

          That is a server problem. Can’t help with that, sorry. Ask your hosting provider to fix it for you and make it to work with Joomla 3.2

  31. Masdor on Dec.27.2013

    Hi JT Admin,
    Thank you for your great template. May I know how to configure the content module just like in the School template live demo? I’m trying to set for every new article to be publish at the front page of my site. Thank you.

    1. JT Admin on Jan.10.2014

      The live demo use the Featured Content option in the menu, having one leading article and two columns layout.

  32. Foody on Dec.30.2013

    Amazing template ^_^ i was wondering, is there any way to change the background color after the template has been installed?

    1. JT Admin on Jan.10.2014

      Sure, you can edit the styles.css file and reupload it via FTP or change this file directly from your Joomla backend. There are some images involved in the background, consider changing the color of images first before editing the css.

  33. akou on Dec.30.2013

    Hi, Congratulations on this trully wonderful template.
    As you can see I am trying to develop a site for a junior high school in Greece and because of this I am experiencing some difficulties with fonts.
    So, how can I change the font of the words “Contact” and “Contact Form”? (It is the light blue menu on the right.)

    Thanks in advance!

  34. Marc on Jan.04.2014

    Hi! Thanks so much for a great template. I intend to use it for a European school project.
    I have a question about how to get the three User 1 little parts under the slideshow with 15March and the other two pictures. Do I have to create a new Html module and then add a table with three cells? Or is it something totally different? How do you get the background color too?
    Thanks so much for your help.

  35. gee404 on Jan.05.2014

    Please discard my question. I was able to resolve the problem. My menu was pointing to the default menu. I deleted the default and that resolved my problem.


  36. teachinggeek on Jan.05.2014

    Hello. I love your website. Just want to capitalize on more screen real estate. How do I make the content area (left and right modules included) extend to the entire width of the screen?

    1. JT Admin on Jan.10.2014

      Editing the styles.css file, at line 15 you can change the width of the entire template:

      .container { max-width: 1000px; …}

  37. Marc on Jan.07.2014

    Hi !
    I found the solution to the problem I mentioned last week about the module in User 1 position. Just wanted to let you know.
    Thanks again on your great templates.
    All the best.

  38. marc21 on Jan.12.2014

    hi! how did you do those light medium dark blank boxes on the left position?

    1. JT Admin on Jan.12.2014

      I have added custom classes to those modules. Check the documentation page: Step 4 – Create Modules -> Custom Class Modules

  39. habusam on Jan.12.2014

    its very nice and great Template, I have 2 questions, first how I can activate the slideshow module, or if its not available in this FREE Template what is your extension recommendation that will give us the same look like the Demo, the second Question is how to change the name or the word ***school*** to for example my school Name?

    Thanks for all your help and support

    1. JT Admin on Jan.13.2014

      The slideshow is available in the free version of the template. You just have to access the template parameters in the admin panel:
      Extensions > Template Manager > School > and go over each tab.
      In the Advance tab you can change (upload your own) logo and in the Slideshow setup you can activate the slideshow and upload images to it.

  40. gee404 on Jan.13.2014

    Hi JT,

    I have successfully installed your theme and created some actionable tabs/bottoms on the website and everything working fine now. Below are the tabs that I created:

    1. About us
    2. Admission
    3. Student’s life
    4. Contact us articles.

    Now, I want to change the colors of each tabs/menu. Your sample website or template shows the different colors. I want to do something like that and would like to get some help from you to accomplish this. How do I go about this? Please help.


    1. JT Admin on Jan.13.2014

      Probably you are referring to the colored modules in the left side of the content? Those modules use custom class suffixes: light, normal, dark and blank. Check the documentation page: Step 4, it is explained there.

  41. Alessandro on Jan.15.2014

    I tried to install the School tamplate on a fresh Joomla 3.2 installation but when I open the main page I see the School logo on the left, the Joomla logo on the right and a messy area with a bunch of letters overimposed ( it seems like a long text whith all all the rows wrote in one line). Where is the problem ?



      1. Alessandro on Jan.15.2014

        Yees!!! You were right! Unistalled K2 and your template works like a charme….



  42. Alessandro on Jan.15.2014

    Yes, I have K2 installed. In this moment I cannot check because I’m not at my PC, where I’ve installed the template. I’ll check this evening and I’ll let you know, but I think you’ve found the culprit !!

    Thank you,


  43. Nathalie on Jan.15.2014

    Hi, it’s a very beautiful template !
    But I am french and I need to use accents…
    This template doesn’t accept them.
    Is there something to do to solve this problem ?
    Thank you,

    1. JT Admin on Jan.15.2014

      I see the problem on your site. Are you experiencing this problem only when my template is activated or with the default (protostart) template it works just fine?

    1. JT Admin on Jan.15.2014

      Just tested it with French language pack and it is working for me. Probably this issue has something to do with the server.
      Here is the screenshot:
      joomla login french language

  44. Ramlee on Jan.28.2014

    Thank you for your beautiful templates. I’m from Indonesia and I would like to ask, how do I fill out the social icon like facebook and twitter with our account. because when I filled, the result like this; ourwebsite. com/www .facebook /ouraccount. There are two websites that make it into error. What should we do?
    Thank’s and sorry about my english!

    1. JT Admin on Jan.28.2014

      Probably you entered only part of the facebook URL, try to add http:// before the URL and let me know if that fixes the problem.

  45. JonathanSO on Jan.30.2014


    Great template, one problem im having at the moment.. Iv tried to add a drop down menu on the main menu but it isnt appearing? Any help

  46. Duca on Jan.31.2014

    Is there a way to “force” the template to have the “text logo” in one line ? mine (les deux rives) is too big to be in the same line.

      1. Duca on Feb.05.2014

        Hi JT,
        that’s fine now for my “text logo” , thanks for your help but a need you again 🙂
        how can i reduce the height of the header ?

  47. Duca on Jan.31.2014

    i there a reason why the table boder are not displayed? it’s working fine with an other template.

    1. JT Admin on Jan.31.2014

      The template is using the bootstrap framework, so you will have to add the following classes to your tables if you want borders: table class = ” table table-bordered ”

    1. JT Admin on Jan.31.2014

      Only the sub-menus are gone or the whole menu? Do you have an online demo so I can take a look?

  48. Ola on Jan.31.2014

    Thanks for your reply. The whole menu are gone. Though am using Joomla3.2 version. I do not have a demo online yet.

  49. Bas on Feb.01.2014

    Thanks for the great school template.
    Is it possible to change the placement of the logo? ik would love to have it left of right.
    With regards,


  50. victoria on Feb.02.2014

    Hi! I like your school template. Thanks for providing it!!!
    Well i think i need your help in a couple of things…
    I would like to increase the font size in article’s title but i dont know how to fix it.
    Also, is it possible to change the custom colored navigation menu with drop-down effect in a way that every submenu to inherit the background color of the father? for example i use your five colors but i prefer when the menu item has color1 background all the submenus of this menu item to inherit the same color1 background…
    Thanks in advance 🙂

    1. JT Admin on Feb.02.2014

      Please read the above comment regarding font styles and size:
      The article’s heading is styled with the following classes:
      .item-page-title, .item-page-title a {…} – look for this code in the styles.css

      Regarding you other question with custom backgrounds for sub menus it is a bit complicated. You will have to find the ID of the parent menu. Let’s say the ID is 116, your code that styles the submenu in this situation will look like this:
      #navigation .menu li.item-116 ul { background:#90B804}
      For the borders you will have to add this code:
      #navigation .menu ul.item-116 li {border-bottom: 1px solid #fff;}
      For the link colors use this code:
      #navigation .menu ul.item-116 ul.sub-menu a { color:#000}

      Maybe some more tweaking is necessary, but I hope you get the concept.

      1. victoria on Feb.03.2014

        Thanks for your quick response! Everything is ok with the font size.
        To be honest i have no idea how to find the id of the parent menu so i did something that you had proposed to someone else.
        I added five color styles for sub-menus into styles.css file
        #navigation ul.sub-menu a.color1, #navigation ul.sub-menu a.color1:hover {background:#6736A2} and so on.
        After this i set the Link CSS Style to color1. It works, but all submenus have rounded corners on the top so i can see the blue corners of yours rectangle submenu at the background. Is it possible to fix it? I mean to remove the rounded corners…
        Thanks again 🙂

  51. Bas on Feb.02.2014

    Hi, i think this should be left.
    And is it possible to get the navbar left and verticaly?
    With regards,


    1. JT Admin on Feb.02.2014

      First of all, if you don’t want to use the logo in the header at all, you will have to remove it from the index.php file.
      After that create a Custom Html module, publish it in the left sidebar, adding your logo image.
      Creating a Menu Module and publishing this in the left sidebar as well, will render a vertical navigation menu.

      1. Bas on Feb.03.2014

        Thanks a bunch, But i would love to have te logo left in the header, and the vertical menu the same as the horizontal menu, with the colors and tabs.

        1. JT Admin on Feb.03.2014

          But the logo is in the left of the header. If you want to upload your own logo, you can do it via FTP or just use the template parameters. You can also use text instead of image logo. Check the documentation page.

          1. Bas on Feb.03.2014

            Hi, yes i know its left, but could it be more to the left?
            And the navbar with the colors could we make this horizontal left?
            Thanks for your time and effort.!

  52. Nasir on Feb.06.2014

    Hi,i m using your templete,but i m not able to set up the slide show,I have changed the postion ,after that also i m not able to see the slide on the page.
    Please help me to set up.

    1. JT Admin on Feb.06.2014

      I guess you have to rename your image from hope 1.jpg to hope_1.jpg , let me know if that fixes the problem.

  53. Manos on Feb.07.2014

    Your school template is one of the best school templates I have ever seen.
    Thanks for providing it!!!
    Unfortunately, i need your help..
    My joomla is 2.5.18.
    I’m trying to learn how to manage the template you provide.
    I installed the tempplate and the main menu has only the blue color.
    I have five itenms in the main menu (Home, Contact, Info, About us, partners), all of them the same color.
    How can I change each of them.
    Thank you in advance, sorry for my English

    1. Nasir on Feb.07.2014

      Hi Admin,I changed the image file name to hope_1.jpg still its don’t work.

      1. JT Admin on Feb.07.2014

        You have to choose the menus/pages where the slideshow will be active. Now the slideshow is activate on all current pages, change that if you want.
        activate slideshow in joomla template
        Also, I suggest you to change the image size to 1000×200 pixels, or 1/5 ratio, otherwise the slideshow will be all over your page.

  54. cjon on Feb.08.2014

    Hi Admin, looks a great template. I’ve got in working with Joomla 3, but for some reason the main menu headers don’t show up? Can’t for the life of me work it out? Is there anything obvious that I’ve missed? If I change to another template they appear fine. I’ve tried setting the link css style color in the instructions, but makes no difference. Any thoughts? thanks

  55. Ben on Feb.08.2014

    thanks for the nice template.
    How would it be possible to add the language switch? (2 flags in the TOP position on the right)
    Thank u

    1. JT Admin on Feb.11.2014

      I guess you have to add a new language to the Joomla system and publish the language switcher module to the “top” position. I see you already figured this out.

  56. Carlos on Feb.08.2014

    A great template!!! I am using your template in my web (for educational purposes, chemistry discipline).

    Can I modify the width of the submenus? I have submenus with 9 entries, and to see the last item it is neccesary go down in the screen (with scroll bars), too difficult…


    1. JT Admin on Feb.11.2014

      You have to modify the width of following element in the styles.css file (this is located around line 165):
      #navigation .menu ul {… width:200px; … }

  57. Carlos on Feb.09.2014

    Another issue: superscript and subscript are not shown in frontend (are shown in normal characters) and they are viewed correctly in backend, editor view.

    I check with another template and it is ok, so, I think, the problem is on School template.

    Can you help me, please? this issue is very important for me.

    Thanks in advance,

    1. JT Admin on Feb.11.2014

      Are you using superscript and subscript in headers? Probably the font family does not support it. Do you have an online demo?

  58. Carlos on Feb.11.2014

    Hello, I am using superscript and subscript in body content; I am using Ubuntu google font, but this problem also appears with Arial font.

    As you can see, I have modified a lot of template parameters, but it is going in right.

    Please, see my webpage in your form to leave a reply.

    Thanks a lot for quick answer.

  59. vchierici on Feb.12.2014

    Hello. Thanks for this amazing template! Here the question:
    I would like to add the three section on the green band named “user1” under the slideshow.
    I got the green band by the wrapper module but HOW can i get the three item right there?
    Is it just a custom HTML module with a table inside?

    Thanks for your help.


  60. Carlos on Feb.12.2014

    Hello, have you seen my web? is there any solution for this issue? I hope it would be possible…this template is very nice, easy and funny.


  61. Carlos on Feb.17.2014

    Hi, I found the solution!!!!!!

    1- in styles.css, line 1: erase the sup and sub values.

    2- adding the following lines in styles.css, after line 1:
    sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;

    sup {
    top: -0.5em;

    sub {
    bottom: -0.25em;

  62. Carlos on Feb.17.2014

    It is possible to eliminate the bullets points in the slideshow? and also, the caption text could be located in a single line?

    If these issues are not possible, can I load a slideshow module in slideshow position (I tried it but slideshow not showed).

    Thanks again,

    1. JT Admin on Feb.17.2014

      You will have to edit the flexslider.css file to change the slideshow.
      To disable the navigation bullets you can simply add the display:none to .flex-control-nav {…}
      The caption is styled by this class: .flex-caption {…} – edit or remove the width of the class.

  63. dramans on Dec.08.2014

    Hi, I would like to know if I’m free to use it in any context (I don’t see the licence).Thanks

    1. JT Admin on Dec.12.2014

      Templates are released under GNU/GPL2, will include the license file in the templates on the next update. Thanks for the note.

  64. iraklis on Dec.12.2014

    i’m using your template with joomla 2.5 but the slideshow isn’t working!! any help please!!

    1. JT Admin on Dec.12.2014

      The slideshow is not active by default. You have to go to the template manager, and activate it in the School template options. You can find out more about this process on the documentation page in Step5.

  65. Alexandr on Dec.13.2014

    Thanks for the nice template!
    How can I write a phone number and address in the upper right corner of the template, as in your example?

    1. JT Admin on Dec.13.2014

      I used a custom html module for that. Just create a new custom html module and publish it to the position “top” and add your phone number and anything else you want.

  66. Olasolomon on Dec.24.2014

    Hello, thanks for that beautiful template God bless you, pls how can i change the dimensions of joomla articles, my article run out of border Thanks

  67. praveen on Apr.15.2015

    Can i change the font family of specific module only???? for eg:- the font family of position module user1 and user2.

    1. JT Admin on Apr.15.2015

      It is possible to have different font families for different modules, you have to add these in the styles.css file.

      1. praveen on Apr.17.2015

        can you give me one example to add different font family for the specific module position?

        1. JT Admin on Apr.17.2015

          For example if you want different font families for user1 and user2 modules, you can add the following css code to styles.css file:
          #user1 {font-family:”Oswald”, Arial}
          #user2 {font-family:”Open+Sans”, Arial}
          The above font families are from Google font directory so you have to load them from Google server
          If you want different fonts for the module title add it to the following css style:
          #user1 h3.module-title {font-family:”Oswald”, Arial}
          For the module text use the following css style:
          #user1 .module-body {font-family:”Oswald”, Arial}
          Hope this will help.

  68. kinga on Mar.03.2017

    Hi admin,
    I like your template, thanks. I’ve got one problem and I don’t know how to fix it. I’ ve got joomla 3.2 and my website is not responsive with Android Galaxy Note 3 / 4.4 Android Browser 4.4 and iPhone 6s Plus / 9.0 iPhone 6s Plus / 9.0.
    What can I do to fix it?

  69. Andrzej on May.11.2017

    I have problem “Call to undefined function eregi()” with php 7.
    Please help me with template School – is fantastic

  70. bpetra on Nov.06.2017

    Thank you sooo much!
    This design is really beautiful! I am using it for our school and im so happy that I found your page! I lovehow you answer all the questions abou it. You are AWESOME!

  71. gluaiseachtwebsite on Dec.01.2017

    I am only working locally at the moment designing a website. I am trying to add a 6th colour to my menu colour options. it is #navigation a.color6 {background:#D53617}.
    I have added to the styles.css and nothing happens when i set up in admin. I have the other 5 colours working. I uploaded my template package from file so my styles.css. is at the following path

    but to no avail. Any help?

Leave A Reply