322 comments found.
Hi I’m using Discussion on MultiPurpose – Responsive HTML5 Website Template.
We are using a the content slider – home9a.html. When you add the video first in the slider, then play it. It does not stay on that screen until the video is finished, it will move on to the 2nd slider and play the video in the background. Using IE11 but same issue in Firefox.
Any ideas?
Hey APNM,
Thank your for your comment 
Please change in js/scripts.js
from
autoslides: 1,
to
autoslides: 0,
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Thanks…but that’s not what I want. I want the autoslides to be on but when a users views the video it should not autoslide to the next screen. This does work when the video is not first in the list of slides.
We checked it carefully and suggest you to use pause_on_hover: 1, instead of pause_on_hover: 0, so that when user click on play then automatically stop autoslides, because cursor will be on the slider area.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi, again, enjoying implementing the site, but I tested it on an Android device, and realized that the “view” “go” overlay links on things like recent work (on the Elegant Business Home Page) or portfolio items aren’t showing up. So if one relies on that UI element to help people preview or click on a link to another page, mobile device users won’t be able to. Since this is a responsive website, and we’re expecting people to interact with the content on mobile devices, is there a fix? Thanks!
Hey,
Thank you for your comment.
Please replace in style.css from:
.portfolio article>div {position: relative; overflow: hidden;}
.portfolio article div div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center; opacity: 0; transition: all 0.5s ease-in-out 0s;}
.portfolio article div:hover div,
.portfolio article div.item-selected div {opacity: 1; transition: all 0.5s ease-in-out 0s;}
.portfolio article div ul {display: inline-block; overflow: hidden; position: relative; z-index: 3; top: 50%; list-style: none; margin: -20px auto 0; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
to
.portfolio article>div {position: relative; overflow: hidden;}
.portfolio article div div {display: none;}
.portfolio article div:hover div,
.portfolio article div.item-selected div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center;}
.portfolio article div ul {display: inline-block; overflow: hidden; position: relative; z-index: 3; top: 50%; list-style: none; margin: -20px auto 0; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
/* Opacity with Transition */
.portfolio article div div {opacity: 0; transition: all 0.5s ease-in-out 0s;}
.portfolio article div div:hover {opacity: 1;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I already had the same code as you’re recommending above the “Opacity with Transition” section. So I added in the “Opacity with Transition” lines, and it doesn’t help. I touch the images that should show the overlay magnifying glass / arrow, and all it does is shade the area.
Hi. I’m using one of the slider5 options, but need it to stay open for a video embed. The example is: http://playersrewards.worldsecuresystems.com/index1.html. Could you please tell me where I can modify that? I cannot seem to locate in the script file. Thank you very much!
Hey Miketuck,
Thank your for your comment
Please change in js/scripts.js
from
autoslides: 1,
to
autoslides: 0,
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Great! Thank you! All good now
You are welcome
Make inner-page sliders (content slider) scroll automatically?
I’d like to make the smaller slider (content slider) such as the list of clients on the Hosting Home Page or the products on the Shop Home Page scroll automatically. Is there some js code I can tweak or add to make that happen? Thanks!
Hey Redembermarketing,
As for the content-slider in this case you will need to add custom code.
Please place this code under line 748 on the current version of scripts.js:
function autoContentSlider() {
window.setInterval(function () {
if(pos > maxLeft) pos--;
else pos = 0;
var moveTo = pos * itemW - offset;
slider.stop(true, true).animate({left: moveTo}, speed);
}, 3000); // repeat forever, polling every 3 seconds
}
autoContentSlider();
Then it should change the slides every 3 seconds
Please let us know if we can be of further assistance.
Thanks and kind regards
prev.click(function(e){
e.preventDefault();
if(pos < 0) pos++;
else pos = maxLeft;
var moveTo = pos * itemW - offset;
slider.stop(true, true).animate({left: moveTo}, speed);
});
Hi, thanks for a great, flexible theme. I’ve enjoyed using it. My client would like to reduce the spam entries made to the Form Slider and Contact page either through a Captcha or pre-determined field that uses validation like a color or math question. Any suggestions / code that we can use?
Hey Redembermarketing,
Thank you for your comment and positive feedback
Could yoy please send us e-mail (info at thememotive dot com), so that we could send you exemplary and easy to implement captcha solution?
Kind regards, ThemeMotive team
Many thanks to ThemeMotive for their quick reply to my email and their easy-to-implement solution!
You are welcome
As we’re working with this awesome template, we discovered an issue with viewing on IE8. http://theartscenter.worldsecuresystems.com/ The client pointed it out as they are using Internet Explorer 8 with XP. My suggestion of updating their system (and changing browsers) was not received well, so now I am contacting you too see if a solution is available. I posted some screenshots here: http://theartscenter.worldsecuresystems.com/internet-explorer-8. Thank you very much for any suggestions you can provide.
Hey Miketuck,
Thank you for your comment.
Concerning IE support – we observed that on your website there is missing code for IE support, please have a look at the native version of the template, there is:
<!--[if lt IE 9]>
<link href="style-ie.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
and
<!--[if lt IE 9]>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->
Please also upload the js/ie.js and style-ie.css to your server.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Ah, ok, thank you! We discovered the missing files and have replaced them now for testing. We appreciate your speedy reply! Thx Mike
You are welcome
Hi there. I’m having difficulties with vertical gaps inbetween sections i’d like to eliminate. On http://ikoro.nl/product/ you can see a quite big vertical gap between the product image and the tabs. Is there a way I can narrow this gap?
Hey,
Please add this to style.css and then the gap should be 30px smaller.
.slider.portfolio-slider {margin-bottom: 0;}
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Great. That worked. Thanks a bunch!
You are welcome
Great multipurpose template with a lot of options and fantastic support. Big big thumb UP for you guys. The best template I have ever bought.
Thank you Much appreciated
It seems the Signika font of this template does not support Polish characters. 
Do you have any suggestions for a different font?
Hey Netunlimited,
Signika supports polish characters, like “?????ó”, etc.. We tested it. Please check your encoding, do you have <meta charset="UTF-8"> in your template?
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Yeah, I have the meta charset tag. The characters display but somehow the letters seem out of proportion. Please take a look at this screenshot: http://snag.gy/5WMXe.jpg
Particularly the special e of “karte”.
We checked it again and “Kart?” worked correct in our browsers. Could you provide us the URL (info at thememotive dot com) Please also try to put this word in the native version of MultiPurpose (without any changes).
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
<link href='http://fonts.googleapis.com/css?family=Signika:600,400,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
I am using <section class=”slider slider2”> on my page. When I am using it locally, the carousel arrows appear and work normally, but when I upload my files, the carousel arrows disappear both from <section class=”slider slider2”> and from <section class=”columns hp-recent-work content-slider”>. Please explain how can I make them work globally on my website?
Hey Kazmarar,
Could you please provide us more details and URL, so we could investigate it. In general it should work, so probably it could be some issue related to your custom code. Please validate your website with W3C validator and make sure you uploaded the same files your are using local and please refresh the cache of your browser.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
I followed the steps you wrote about. But no luck. Maybe you can say more looking at my website http://www.ankyunacar.com/ankyunacar/ENG/
Thank you for the details. Please check if images/slider2-controls.png is uploaded to the server. It sounds like there is no this image uploaded.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
The images/slider2-controls.png is uploaded to the server. What else can cause this problem?
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
FIXED – Dashes in emails don’t work – Here is the fix!
The email filters won’t let in an email address with a dash. The reason is the last 2 characters in the first part of the regular expression need to be reversed or you need to escape the dash character
[a-zA-Z0-9\.-_]
should be…
[a-zA-Z0-9\._-]
Thank you, current version of MultiPurpose is already updated.
Kind regards, ThemeMotive team
What a pleasure to work with this template
I have a question. How can I make the slider images clickable? In scripts.js I have already set change_slide_on_click to 0, and added link on the images but still they are not clickable.. I hope you can help. Thanks!
Hey Netunlimited,
Thank you for great feedback
Could you please write more details, which images on which slider do you want to link (make clicable)?
Kind regards, ThemeMotive team
It’s about slider3 and slider6
Please have a look a the following examples:
Slider3
<a href="http://example.com/"><span class="img-border"><img src="images/temp/92.jpg" alt="" width="700" height="350" /></span></a>
Slider6
<a href="http://www.example.com/"><div class="img"><span class="img-border"><img src="images/temp/97.jpg" alt="" /></span></div></a>
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
That works, thanks a lot!!
You are welcome
Thanks for a beautiful theme and great support!
How can I change the color of pull-down menus in forms from light gray to black like the text in the other fields?
Also, customers are trying to click the down arrows in those same form pull-down fields but they don’t do anything. Can we make the down arrows actually activate the menu pull-down?
Hey Tylertul,
Thank you for your comment and great feedback.
1) Please add this code to style.css
.content > aside section.menu > ul li a {
color: #000;
}
2) Could you please send us more details which exactly pull down menu you want to change? Do you mean the one here http://thememotive.com/multipurpose/page-side-nav.html It’s working fine on the preview, so it means that there might be some custom code issue on your Customer website. Please validate the website with http://validator.w3.org/ and fix all errors.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Thanks and I found the error you pointed out.
I am VERY HAPPY with the way our new website turned out. Please feel free to use it as a demo if you wish. I can’t wait to purchase the Wordpress version also as we have 2 Wordpress blogs attached to our site and want the theme’s to match! I couldn’t be happier with the results and even more impressive is your customer service!
www.44school.com
Best wishes,
~ Tyler
Tyler Tullock Director 4/4 School of Music
(425) 485-8310 – Washington (503) 303-8939 – Oregon (972) 372-0721 – Texas
Website: www.44school.com Email: Tyler@44school.com Calendar: www.44school.com/calendar See openings on your Teacher’s schedule: www.44school.com/makeup
Thank you for your great feedback We really appreciate it
Kind regards
ThemeMotive team
Hey Tyler,
Thank you for your comment.
We are happy to inform that MultiPurpose WordPress theme (with lot of outstanding features) was finally released and it is available to download now on themeforest
Please have a look here: http://themeforest.net/item/multipurpose-responsive-wordpress-theme/9219359
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards,
ThemeMotive team
I am using the product slider slider10 from page home10.html. How do I changed the height on the slider, I want to add images larger than 300px tall but is not changing when I adjust the style.css page .slider10 {position: relative; overflow: hidden; width: 100%; max-width: 1070px; height: 500px; margin: 0 auto; padding: 40px 0 0;} I must be missing something simple?
Hey Mycnyonline,
Thank you fro your comment
In style.css please replace from:
.slider10 {position: relative; overflow: hidden; width: 100%; max-width: 1070px; height: 330px; margin: 0 auto; padding: 40px 0 0;}
to
.slider10 {position: relative; overflow: hidden; width: 100%; max-width: 1070px; height: 530px; margin: 0 auto; padding: 40px 0 0;}
and from
.slider10>a {display: block; position: absolute; z-index: 10; top: 40px; overflow: hidden; width: 60px; height: 300px; background: #fff url("images/slider10-controls.png") 0 50% no-repeat; text-indent: -50em;}
to:
.slider10>a {display: block; position: absolute; z-index: 10; top: 40px; overflow: hidden; width: 60px; height: 500px; background: #fff url("images/slider10-controls.png") 0 50% no-repeat; text-indent: -50em;}
and in /js/scripts.js there are needed few changes, so please replace from:
var w = Math.round((slider.find("ul").width() - 40) / 3);
slider.find("img").width(w);
slider.height(w + 30);
var W =0;
slider.find("li").each(function(){
W+=$(this).width()+18;
});
$(".mCSB_container").width(W);
$(window).resize(function() {
var w = Math.round((slider.find("ul").width() - 40) / 3);
slider.find("img").width(w);
slider.height(w + 30);
var W =0;
slider.find("li").each(function(){
W+=$(this).width()+18;
});
$(".mCSB_container").width(W);
});
});
to:
var w = Math.round((slider.find("ul").width() - 40) / 3);
slider.find("img").width(w);
var h = Math.round((slider.find("img").height() + 40) / 1);
slider.height(h);
var W =0;
slider.find("li").each(function(){
W+=$(this).width()+18;
});
$(".mCSB_container").width(W);
$(window).resize(function() {
var w = Math.round((slider.find("ul").width() - 40) / 3);
slider.find("img").width(w);
var h = Math.round((slider.find("img").height() + 40) / 1);
slider.height(h);
var W =0;
slider.find("li").each(function(){
W+=$(this).width()+18;
});
$(".mCSB_container").width(W);
});
});
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Have you included normalize.css or reset.css into this theme?
(I don’t see those files showing up in my purchased theme, but thought maybe you incorporated the css from them )
Hey Mranalogy,
Thank you for your comment
In main style.css there is code similar to reset/normalize/css in the section “Global basic styles”.
Please let us know if we can be of further assistance.
Kind regards
Hi. I’m a little confused about the template I bought. In 404.html (and likely all html files) in the <nav> sections i find these blocks:
<select id=”top-nav” name=”sec-nav”> ..... </select>
and later
<select id=”sec-nav” name=”sec-nav”> ..... </select>
I’m confused about what they do. The documentation doesn’t mention them. They seem to be some kind of duplicates of the pulldown menus, but I’m not sure. As a test I deleted them and I noticed no difference. Can you please tell me what these blocks are supposed to do?
Hey Noescom,
Thank you for your comment.
Thanks to:<select id=”top-nav” name=”sec-nav”> ..... </select>
and later
<select id=”sec-nav” name=”sec-nav”> ..... </select>
it’s possible to fully control the top and header menu for the mobile when menu is showed as the select field. Also it’s working faster than generating this menu via JavaScript.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards, ThemeMotive team
Okay, so if I understand correctly on mobile devices the <select> pulldown menus should be shown instead of the regular ones so that they work better? And should they be shown on the same place as the regular pulldown menus?
Now, I’m even more confused. I loaded the 404.html on my Samsung Galaxy SIII phone and I see no menu at all. Am I doing something wrong?
Concerning your questions: Yes, please observe how it’s working on the online preview. It should work the same way.
Please do note that you removed the and later
<select id=”sec-nav” name=”sec-nav”> ..... </select>
and this is the reason it’s not showing the menu on your mobile. Please restore it and change the menu items (in the select field) to point to your custom pages.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi. Thanks for all your help. I really appreciate it!
I did remove the <select> blocks as a test, but already did restore them. Unfortunately the menu still did not show on my galaxy SIII. After some fiddling around and comparing the preview with my website I noticed that I didn’t link to the correct .js files, which I moved to another directory. Now it works.
You are welcome Great that it’s working now
Please let us know if we can be of further assistance.
Kind regards
In the “lightbox” on this page: portfolio-with-content.html#
When you hover over the clickable lightbox (in 4 column Portfolio section), it shows two icons: mangifying glass and an arrow.
What is the purpose of the arrow? (when I click on it, the hover option just stays there (fixed). How/why would I use the arrow option.
Thanks!
Hey Mranalogy,
Thank you for your comment.
The purpose of arrow is to link to the portfolio single page http://thememotive.com/multipurpose/portfolio-project-half.html
Could you please write us more details about your device / browser?
Please let us know if we can be of further assistance.
Kind regards
Windows 7, Chrome. OK, so if the Use Case here is to have a Portfolio page, a large Screen Shot and a thumbnail. When they hover over the thumnail they get to click either the zoom (for the screen shot) or jump to the portfolio page). And if they just click the thumnail (if they’re on a tablet with no “mouseover”) I assume they’d jump right to the Portfolio Page, right?
If user just click the thumbnail on a tablet with no “mouseover” then orange hover effect will show and two icons. Then user can click to “zoom image” or “go to the portfolio page”. That’s a common solution.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
Hi what are the best dimensions to have for the thumbnail images Music Food & Fashion.
http://thememotive.com/multipurpose/home6.htmlThank you for all your help and support by email for previous questions
Hey,
Thank you for kind feedback
We recommend the optimized size like in the preview: 160px x 96px, so that it loads fast on different devices.
Please let us know if we can be of further assistance.
Kind regards, ThemeMotive team
Hi there – very interested in purchasing this beautiful template. Quick question – is there a way to integrate a login form to a button? We have iFrame code to the form that we need to include on the website. Thanks!
Heh HTFFFCU,
Thank you for your comment and positive feedback We appreciate it
If you have got iframe to integrate then it should work fine. To make 100% sure please send us the code, so we will test this code and make sure it’s working fine.
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
How can I make the send-contact.php go to another page upon successfully sending the contact info email?
Thanks!
Hey Tylertul,
Thank you for your comment.
Contact form was intentionally made in Ajax to stay at the same page after sending the form – to make it more useful for people and speed up. If you want to redirect the user to other page then some custom changes are neened. We can send you the exemplary files via e-mail. Please let us know about your e-mail or send us e-mail to info (at) thememotive.com
Hope it helps!
Please let us know if we can be of further assistance.
Kind regards
