Discussion on SPORTY - Responsive HTML5 Template for Sport Clubs

Discussion on SPORTY - Responsive HTML5 Template for Sport Clubs

Cart 738 sales

egemenerd does not currently provide support for this item.

53 comments found.

flexslider.css is not working. author is no longer providing support. any help?

I can’t suggest you the website for Tennis. I think the Tennisboard do a great job with their football coverage. They provide an opinion, stats, rumours along with their excellent podcast. So follow this site here, there you will find all history games about US-open.

may I buy this template for my cricket site https://cricfacts.com ? does gives premium look to site?

Cricket Life will always give you live updates worldwide. So I follow them. IPL retention is already over. Find out the top stories of IPL retention and the next strategies here https://www.cric-life.com . Also, you can use this portal for player’s profiles and live scores

love the theme but struck an issue, is there way so that in the menu you can drill down to four levels, eg pages <to> our teams <to> 1 XI <to> A bloggs


No, the menu supports max. 3 level.

Hello, may I buy this template and I will convert it to codeigniter then sell it on codecanyon? We can discuss about royalty if needed.


You should buy an “extended license” for that.

Has anyone experienced issues with vertical tabs suddenly not working? I run a seasonal (high school sports) where only I have access to the code. Two pages where I can’t find anything incorrect in the code, and whose vertical tabs worked fine when the season closed out a year ago, are not working and are displayed horizontally, but are not functioning as tabs. I’ve been trying to figure this out for three months and cannot come to any conclusion.

Hello, I noticed the HTML version hasn’t been updated since 2014. Is there any way to get an HTML version of the current Sporty Wordpress theme? The Wordpress theme seems like it is better suited for wider screens and has nicer effects and more content sections than the HTML version.

Hi, unfortunately no.

I am trying to nest a horizontal tab grid within a vertical tab grid to use vertical tabs on each instance of the horizontal tab, but it doesn’t seem to nest. I cannot find anything in the documentation regarding this matter.

1) https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion

2) Your item support has been expired. So if you have any other question, you should renew your item support; https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support

Hello. I have a problem. I want to know if it is possible to use the template on the Blogger site? The most serious problem is that I do not understand much about the subject.


Sorry but you can’t use a html template on the blogger. You should look at the Blogger category for that; https://themeforest.net/search?category=blogging%2Fblogger

Heya, I have noticed that the Upcoming matches slider loads before the flex slider does. So you don’t initially see the flex slider. It pops on screen and pushes the content down. Is there anything I can do to make the flex slider load first?


You can change window.load with document.ready which is at the bottom of the js/jquery.flexslider.js file. For example;

jQuery(document).ready(function () {
        controlNav: false,
        animation: "slide",

But you know image loading may take some time. So it will not be displayed before upcoming matches.

Is there a way to have a placeholder? So that it shows an empty container where the image will load rather than not showing anything and then pushing the page content down when it does load?

If you have enough css, javascript etc. knowledge, you can try to edit the codes or you can integrate a plugin into the template. For example;


If you don’t have enough knowledge, you should hire a web developer or buy a customization service;


When using the menu, after clicking is there a way to show which page you are on? So each menu item stays highlighted when clicked.

First you should create a new class;

#mainmenu a.active::before{
#mainmenu ul li a.active::before{

After that you should add this class (active) to the active menu item on each page. For example for the homepage, it should be like the following;

<a class="active" href="index.html">

If you need more customization;


Hi, There is a border at bottom of flexslider & bxslider that has a triangle in it. I can’t see where this is generated in the CSS. I’m wanting just a straight border without the triangle. Thanks.


It is in the css/color.css file. Find and delete the followings;

.scores-title:after {
    border-bottom-color: #000;
.scores-title:before {
    border-bottom-color: #fff;


.pagecontainer:after {
    border-bottom-color: #fff;
.pagecontainer:before {
    border-bottom-color: #000;

Hi, I sent an email, not sure if you got it. I am trying to add a background image for the background instead of the main red background that is currently showing. I added it to the style.css body tag but it only briefly shows the image and then is replaced with the red background. How do I set the background to be an image?

I replied to your email

Hi egemenerd, sadly my You Tube channel no longer working, is it something change in the code? Can you please help me or point to the right direction?


YouTube api changed and old version of the plugin doesn’t work anymore. I made an update last month and fixed that issue.

So download the latest package from your Themeforest account and update the ytv javascript file ( js/ytv.js );

After that look at the help documentation (documentation/index.html) in the latest package. You have to obtain an API Key from Google’s Developer Console and edit ytv.js file.

As always great support, really appreciated, thank you


Looking at this template for our football team. Is the template adapted for mobile and tablet browsers?

Thanks Paul.

Hi there, I’m having an issue regarding the contact form on my site. When I submit the form, the processform.php calls the not successful line, ie. if ( !$success ) echo….

Are you able to look at my files and fix the error if I supply you with FTP login?

Thanks, Jackmagic.

Hi, if problem is not related to your server or your email address, yes I can fix it. You should contact me via contact form on my profile page.

Thanks mate, just sent the ftp details through your contact form.

Hello there, hey buddy I have a quick question, I am using Dreamweaver as editor. I am working on a gallery pics. I don’t know why when it is open in browser, I get this result, having spaces between some of the thumbnails. Can you help me with that ? I will appreciate it here is the link of the gallery http://www.cismort.com/publishedAztecas/teampics.html

Thank you

You have to use same square thumbnails. Some of your thumbnails are rectangle and some of them are not perfect square. For example one of them is 204×200 px and it is not a perfect square.

All of your thumbnails must be perfect square like 200×200 px or 480×480 px etc.

Ok l am going to try that

Thank you buddy, that worked. Thanx a bunch !!

Hello there, first of all congrats for the great job. I have one question in single-gallery.html how can i change the size of the video iframe. ?

I will appreciate your help , thank you


Open js/jquery.colorbox.min.js file and look at the bottom of the page. You will be able to see the default colorbox settings;

jQuery(document).ready(function () {
    jQuery(".clb-photo").colorbox({ maxWidth:'95%', maxHeight:'95%' });
    jQuery(".clb-iframe").colorbox({ iframe: true, width: "80%", height: "80%" });

For more information, you can look at the colorbox official website;


Hey Man thank you very much, once again great job

Hi There, was wondering how to change the code to have the Club Sponsor Slider to be an automated carousel instead manual click the arrow.

Use “auto” not “ticker” and “pause” not “speed”

As per your appreciated suggestion the carousel would it be manual. I now have worked it out, I forgot to put the comma after pager: false hence the error, now my slider is working as automatic carousel no stopping <!- SPONSORS group -> <script type=”text/javascript”> jQuery(document).ready(function() { jQuery(’#logos’).bxSlider({ minSlides: 4, maxSlides: 4, slideWidth: 235, slideMargin: 10, ticker: true, pager: false, speed: 25000 }); }); </script>

cheers again for the hints..

Actually your suggestion does work too, damn it shows I am beginner :) Thanks again


Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey