Thank you …

You are welcome

Hey Davito4u,

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

Hey msinfo,

Nice to hear from you Thanks a lot for positive feedback We appreciate it

If you want to set for example third tab as the active tab instead of the first one, please just replace (in the file scripts.js):

    tabs.eq(0).addClass("selected");
    tabContent.hide();
    tabContent.eq(0).show();

to

    tabs.eq(2).addClass("selected");
    tabContent.hide();
    tabContent.eq(2).show();

Note that there was only change on numer (from 0 to 2).

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you for your help! I found it and it all works fine now.

You are welcome

In this case you will need to add custom code.

Please place this code under line 713 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);
                   }, 20000); // repeat forever, polling every 20 seconds

        }

        autoContentSlider();

Then it should change the slides every 20 seconds

Please let us know if we can be of further assistance.

Thanks and kind regards

AWESOME. Thank you very much for your prompt response and correct code. It is working great.

Thank you You are welcome

Hey Hugo,

Thank you for your comment

Please note that for mobiles there is select field (you could find it under: <select id="sec-nav" name="sec-nav">) and there you can set the active element for mobile separately. If you would like to set the ”- Product Slider” as the active element then you need to replace in home10.html:

<option value="./home10.html">- Product Slider</option> 

to

<option value="./home10.html" selected="selected">- Product Slider</option> 

Just add selected=”selected” for the current menu item (option in select field).

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you very much for your very quick response! I did not notice about that issue!

Kind regards,

Hugo

Hey djlux,

Thanks a lot for your comment and positive feedback Nice to hear from you

Could you please write us what type of mobile you are using? Did you prepare logo@2x.png with two times bigger logo image for retina display and is it placed in the same directory as logo.png?

On the beginning please set the width and height attributes for your logo image in the html code (for example in index.html), like here for example:

<p class="title"><a href="./"><img src="images/temp/logo.png" alt="MultiPurpose" width="219" height="35" /></a> Ultra Customizable Template</p>

then please find and remove the following lines in the scripts.js:

        $(this).width($(this).width());
        $(this).height($(this).height());

Please check if logo work fine now on your mobile. Should work fine now

Note that if you don’t have logo for retina you might also consider remove these lines of code from file scripts.js:

//logo for retina
$('header .title img').each(function() {    
    var retina = window.devicePixelRatio > 1 ? true : false;    
    if(retina) {
        $(this).width($(this).width());
        $(this).height($(this).height());        
        var filePath = $(this).attr('src');
        var fileName = filePath.substring(filePath.lastIndexOf('/')+1);
        var retinaFileName = fileName.replace('.', '@2x.');
        filePath = filePath.replace(fileName, retinaFileName); 
        $(this).attr('src', filePath);
    }
});

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you for quick response. The problem was in ...filePath.replace…

Nice to hear that you fixed it Thank you for the comment

Hey ifet,

Thanks a lot for your positive feedback We appreciate it a lot

Please find the styles for sticky header in the newest version available to download. Seems like you don’t have the current version, before we send the sticky header by request, now it’s available in the download package. There is also updated documentation included.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey bandyvine,

Thank you for your comment

If you want to use YouTube video for example in the slider on home2.html then simply replace the Vimeo iframe code:

<iframe src="http://player.vimeo.com/video/51033950" width="610" height="360"></iframe>

to YouTube generated iframe code, for example:

<iframe width="580" height="326" src="//www.youtube.com/embed/nKIu9yen5nc"></iframe>

Notes: The video will work when the website is online. You might remove (from the YouTube generetd code) frameborder=”0” (already added in CSS file) and allowfullscreen to optimize the code.

Current sliders have got already definied layers to optimize the speed and file size, for example: photo, headlines, text, button. You just need to put your content/photos inside it.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey,

Thank you for your comment It’s nice to hear from you and we appreciate your positive feedback

We intentionally hide the arrows for boxed version for slider3 by default, but if you want to show the arrows in the boxed version for slider3, please just comment this line in style.css:

.boxed .slider3 .next-prev {display:none;}

so, in order to do that, please just replace:

.boxed .slider3 .next-prev {display:none;}

to this:

/*.boxed .slider3 .next-prev {display:none;}*/

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks for fast answer, it worked.

It’s difficult for many people to click on the small dots !

Hey,

We are glad to hear that it worked for you

Concerning dots in slider: we used common modern size and make the click space a bit bigger to help people to click. Also it’s possible to set the change_slide_on_click: 1 in scripts.js file and then it will be possible to change the slide on click.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hi,

Thank you for your comment and buying MultiPurpose

You might please try to set pause_on_hover: 1 in the file js/scripts.js, then if someone put the cursor of the mouse on the slider/video area then autoslide will stop, so the video can be played without without automatically slide change.

Please also note that if you set pause_on_action: 1 then autoslide will stop when user click manually to change the slide.

Please let us know if we can be of further assistance.

Thanks and kind regards

for clarity I am changing the ‘home’ class and not using style colors

Hey creativematch,

Thank you for your question

if you want to change the color of the radio button (it’s gray color by default) you will need to update the files (for CSS sprite) input.png and input@2x.png (two times bigger image for retina). We can send you already cut psd (if you don’t want to cut it by yourself from the psd files included in the download package) file input.psd and input@2x.psd, so you could change the color easily in Photoshop and save the files as input.png and input@2x.png and overwrite the existing input.png and input@2x.png . Please send us the e-mail, so that we could send you back the already cut psd files.

Please let us know if we can be of further assistance.

Kind regards

Hey,

Thank you for your comment

You might try for example the latest version of Adobe Dreamweaver (it’s paid, but you can try it for free here https://creative.adobe.com/products/dreamweaver and see if it’s work for you) or KompoZer (it’s free and has the support of Mozilla – http://www.kompozer.net/ ).

Please let us know if we can be of further assistance.

Kind regards

Hey,

Please add this code in the style.css:

.img-border:before {
box-shadow: 0 0 0 1px #747474 inset;
}

or replace this in style.css:

.img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 0 4px rgba(0,0,0,0.1); content: " ";}

to this:

.img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 0 1px #747474; content: " ";}

Note that color: #747474 you might want to replace to your custom color.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey,

It’s nice to read that you are interested in MultiPurpose

Yes, sure, it’s well documented in the separate document. Based on the information from the documentation you could easily customize the template and understand how to use. If something is missing in the documentation you can ask us a question and we will respond as fast as possible and also update the documentation if the question is general and more Customers would need it

Thanks and kind regards, ThemeMotive

Hi,

Thank you for your comment It’s very nice for us to hear positive feedback from you

If you remove the small product image on the left (from vertical product list) and replace “category, type, color, brand” with “phone, fax, km” and place adress in the short description placeholder, then it should fit your needs.

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey,

You may replace these code in style.css

from:

.main {float: left; width: 74%; max-width: 680px;}
aside {float: right; width: 24%; max-width: 220px;}

to for example:

.main {float: left; width: 70%; max-width: 680px;}
aside {float: right; width: 28%; max-width: 263px;}

Note: General rule is to change the value of properties widthand max-width for .main and aside selectors.

Please let us know if we can be of further assistance.

Thanks and kind regards

Thanks a lot We are glad to read your recommendation

Great Thank you

Hey netlex,

Nice to hear from you Thank you for your feedback and comment We appreciate this

Concerning fixed top header: we can send you fixed-top.css file to your e-mail. Please send us e-mail to info [at] thememotive [dot] com, so we will send you back the file.

Please let us know if we can be of further assistance.

Thanks and kind regards

Thank you

Hey remsa,

Thank you for your comment and positive feedback

Please use this code then:

@media (max-width: 480px) {
.content p {font: 2.5em/1.7em “Arial”, sans-serif;}
}

Could you please also write us what resolution is your device is using? Then you will need to change 480px (in that code) to some different value for example 640px or even 768px.

Please also make sure that in your head tag there is the following line (should already be there, but please make sure it is there):

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

Please let us know if we can be of further assistance.

Thanks and kind regards

Hey Tim,

Thank you for comment. We couldn’t repicate the issue on IE 10 on Windows 7 and Windows 8, so could you please send us the screenshot and some more details about your operating system / device, so that we could investigate it?

Thanks and kind regards