Discussion on MultiPurpose - Responsive HTML5 Website Template

Discussion on MultiPurpose - Responsive HTML5 Website Template

Cart 2,369 sales
Well Documented

ThemeMotive supports this item

Supported

322 comments found.

Hi,

I’m wondering is this possible to have only 1 of the dropdown link target _blank ? (dropdown list menu use for small view – mobile device).

Thanks

Hi,

Your code is not working as expected. It’s not target _blank (same windows) and it’s give me http://localhost/mysite/link1 instead of http://www.otherlink.com

This is for an external link this is why I want it target _blank.

Thanks

My bald, I have retried today and now it’s working thanks

You are welcome :)

Hello there is any way to make the file send-contact.php redirecto to a thank-you page???

I’m doing a campaign based on conversions and it is imperative.

Can you help me??? Tk!

Hey Plenoestudio,

Thank you for your comment.

There is more simple solution to your need.

Please jsut add in proper place in scripts.js:

window.location = "http://example.com/thank-you.html";

Details:

In scripts.js please replace from:


            if(status == "ok") {
                form.prepend('<p class="msg success"><a class="hide" href="#">hide this</a>' + msg + '</p>');
                form.find("input, select, textarea").val("");
                var valField = form.find(".select .value");
                var selectField = valField.siblings("select");
                var selectedText = selectField.find("option").eq(0).html();
                valField.html(selectedText);

            }

to:


            if(status == "ok") {
                form.prepend('<p class="msg success"><a class="hide" href="#">hide this</a>' + msg + '</p>');
                form.find("input, select, textarea").val("");
                var valField = form.find(".select .value");
                var selectField = valField.siblings("select");
                var selectedText = selectField.find("option").eq(0).html();
                valField.html(selectedText);
                window.location = "http://example.com/thank-you.html";

            }

Hope it helps!

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

Kind regards, ThemeMotive team

It works very well!! thank you soo much!!! :)

You are welcome :)

Another nicely done!;

Thank you :)

Good morning, I’m in trouble on the slider! When I click on the “slider-pager” button the slider disappears! This happens only in Chrome! Follow the link of the model: http://thememotive.com/multipurpose/home4.html Could you help me?

Hey RicardoJaci,

Thank you for your comment. We checked the website with Chrome on few different computers and couldn’t replicate the issue. Could you please give us more information about your operating system, Chrome version, etc., beowser plugins installed / special setttings?

Kind regards, ThemeMotive team

Hi Sorry for the basic question, but I have been going through the code of the Multipurpose – Responsive HTML template and cannot find the place to change. I would like to get rid of the grey border of the images, particularly those at the sidebar.

Where is the CSS line to change?

Best regards, Alberto

Thank you for your comment.

concerning your question: for example please add class to the image: <img class="no-border" src="" alt="" />

and the in scripts.js please add the path to this image, for example:

$(".content img, footer .widget_photos img").not(".content .testimonial img, .hp-services img, .logo, h3 img, button img, .product-meta img, .img-border img, .content > aside section img, img.no-border").each(function(){

Hope it helps!

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

Kind regards, ThemeMotive team

Done! Thank you!

You are welcome :)

Hi, congratulations for your great work. I want to ask if there is any way to add transition effects on the sliders. Thanks for your reply

Hey,

Thank you for your positive feedback. We appreciate it :)

It’s possible to change the fadeIn and fadeOut in scripts.js

For example please replace fadeIn() to fadeIn(2000) and fadeOut() to fadeOut(2000) to observe longer transition effect.

Hope it helps!

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

Kind regards, ThemeMotive team

Hello, After updating to your latest template. None of my contact forms seem to be working. They are working in the respects of popping up errors when you fail to fill out the form properly. But failing to actually pop up any confirmation messages or send out anything at all. When you press send message, it just sits there and says sending. And it never errors out or anything. I am sure it was probably something i did…any ideas?

Could you please send us your files you are using to review? Our e-mail is info at thememotive dot com

Kind regards, ThemeMotive team

Got it. Knew it was on my end. I had to set up my php.ini to use my server address instead of localhost. Sorry!

You are welcome :)

I’m having some real challenges with mobile compatability www.TRACstaffing.com

If you could look it over and let me know what I need to do, it would be greatly appreciated.

Thanks for your time.

I’m wanting to just change it to where its always in desktop view

Hey,

Thank you for yout comment.

If you want to disable responsive mode then it’s needed to remove all media quersies in style.css and style-header.css and style-colors.css and replace max-width to width and max-height to heigh.

Hope it helps!

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

Kind regards, ThemeMotive team

Hello, In the bottom of every page you have a section “Sign up for newsletter”, which collects the E-mail of the subscriber. Could you please change the code so that it has two fields, one for collecting a name, and the other (as now) – for E-mail? I think that many of your customers would like to have that feature. Thank you beforehand.

You can see the source file visiting http://www.ankyunacar.com/ENG/

Hello, at last, when I placed the line $news_name = addslashes($_POST['news_name']); under the //taking the data from form the code worked! Thank you.

You are welcome :)

Hi, I’m embeding the menu using php <?php include_once “_nav.php”; ?> and I’d like to have to css follow the active button menu for the top and mobile menu.

Here there any way to do it using the provided code.

It seems that php code was cut from the comment above, so could you please send us e-mail to info (at) thememotive (dot) com, so that we could send you back the exemplary code?

Kind regards, ThemeMotive team

Hey Lenamtl,

We just have sent you the e-mail with code example.

Hope it helps!

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

Kind regards, ThemeMotive team

Thanks a lot for the great support. I’m sharing your solution:

Please change from:

<li><a href="./portfolio-with-slider.html">Portfolio with Slider</a></li>
to:

<li if=""> ><a href="./portfolio-with-slider.html">Portfolio with Slider</a></li>
Added code:

<?php if ($page_name == 'page.html') {echo 'class="current-menu-item"';} ?>

for li element.

Hi I want to add heading h1 h2 etc. to the text inside the shortcode/content boxes, can you give me the css to do this? Can I add an image bullet points in the content boxes? Thank you John

Hey,

Thank you for contacting us.

To use more headings and paragraps inside content boxes please just replace in style.css:

from:

.box p {margin-top: 0; margin-bottom: 20px; padding: 20px 30px 25px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; background-repeat: no-repeat; background-position: 20px 30px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.box.info p {padding-left: 70px; border-color: #c5dce7; border-top: 2px solid #747474; background-color: #e7f7ff; background-image: url("images/box-info.png");}
.box.confirm p {padding-left: 70px; border-color: #cbe3b4; border-top: 2px solid #747474; background-color: #eeffda; background-image: url("images/box-confirm.png");}
.box.alert p {padding-left: 70px; border-color: #e9dab1; border-top: 2px solid #747474; background-color: #fff9d8; background-image: url("images/box-alert.png");}
.box.warning p {padding-left: 70px; border-color: #ebbcb5; border-top: 2px solid #747474; background-color: #ffe6dc; background-image: url("images/box-warning.png");}

to:


.box {margin-top: 0; margin-bottom: 20px; padding: 20px 30px 25px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; background-repeat: no-repeat; background-position: 20px 30px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.box.info {padding-left: 70px; border-color: #c5dce7; border-top: 2px solid #747474; background-color: #e7f7ff; background-image: url("images/box-info.png");}
.box.confirm {padding-left: 70px; border-color: #cbe3b4; border-top: 2px solid #747474; background-color: #eeffda; background-image: url("images/box-confirm.png");}
.box.alert {padding-left: 70px; border-color: #e9dab1; border-top: 2px solid #747474; background-color: #fff9d8; background-image: url("images/box-alert.png");}
.box.warning {padding-left: 70px; border-color: #ebbcb5; border-top: 2px solid #747474; background-color: #ffe6dc; background-image: url("images/box-warning.png");}

Hope it helps!

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

Kind regards, ThemeMotive team

It works great, thanks for very quick reply. John

You are welcome :)

Hi,

I’m having a problem, some page are very short and a space appear underneat the footer without background I’d like to get rid of this blank space which is by the way full width

I have reproduced the problem with home3 the boxed version, to reproduce remove most of the content and you will see what I mean.

Any clue how to fix it? Thanks

Hey,

We finally replicated this after removing more content, however there is easy solution for this. Please just replace in style.css

from:

.boxed .content {max-width: 100%; padding: 1px 30px 40px;}

to for example:

.boxed .content {max-width: 100%; padding: 1px 30px 40px; min-height:600px;}

Hope it helps!

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

Kind regards, ThemeMotive team

Hi, thanks for your help, the problem with this solution it’s add extra empty content space, for today I will use this quick fix but I have to find better fix to be more elegant. Why this blank part appear at the bottom I cannot find why I search a few hour yesterday night with no luck.

You can also try to add background for “html”, so that the space won’t be white, but will have the background of your choice.

example:

html {
  background-color: #000;
}

Hope it helps!

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

Kind regards, ThemeMotive team

Hey, Love the theme.

Quick question – if i wanted to do a global change on the orange colour to a custom colour where would i make this change?

J

Thanks for the prompt response! I will give this a shot and let you know how i get on. Really impressed with the theme and the level of support so far, keep up the fantastic work

Hey, it doesnt appear to have changed the Nav orange

For the navigation/menu color change please edit/replace the color #FF8400 in the file style-headers.css

Hope it helps!

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

Kind regards, ThemeMotive team

I’m using Notepad++ Why </article><article> need to be in the same line otherwise it break the template on portfolio page?

Hey Lenamti,

Thank you for your comment.

Concerning your question: It’s because in grid system used in MultiPurpose template there is display: inline-block used instead of for example float: left, however this solution have got the advantage that the code is more semantic and there are not needed empty tags after each row like <div class="clear"></div>

Hope it helps!

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

Kind regards

thanks for the info

Hi, I have Google map questions and need some fixes:

How to add css border image to the map? (not looking good without any) I have tried img class with no luck.

How to display full width map correctly (padding, margin ect) When doing so the padding and margin are no good. The page will not have the form and I don’t have much info to display so I need to find a better way to display the map and contact infos.

When clicking on the marker nothing happened. Google link are not displayed correcty at the bottom of the map.

Any css ready to google map in the footer?

Hi Lenamtl,

Thank you for contacting us.

Concerning adding box shadow for google map, please have a look at this solution:

<style type="text/css">

.map-container {
    position: relative;
    overflow: hidden;
}
.map-container i {
    position: absolute;
    display: block;
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}
.map-top { top: -5px; left: 0; right: 0; height: 5px; }
.map-right { right: -5px; top: 0; bottom: 0; width: 5px; }
.map-bottom { bottom: -5px; left: 0; right: 0; height: 5px; }
.map-left { left: -5px; top: 0; bottom: 0; width: 5px; }

</style>
<div class="map-container">
    <div class="gmap" id="map">3 Abbey Rd, London, Greater London NW8 9AY</div>

    <i class="map-top" />
    <i class="map-right" />
    <i class="map-bottom" />
    <i class="map-left" />
</div>

Concerning the fullwidth, please put the map inside fullwidth container, like this:

<style type="text/css">
.fullwidth {
    margin-left: -100%;
    margin-right: -100%;
    overflow: hidden;
    padding-left: 100%;
    padding-right: 100%;
}
</style>

3) Concerning Google Maps market, please have a look at working example html+javascript here:

https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

Hope it helps!

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

Kind regards, ThemeMotive team

I have tried box-shadow as container but it’s adding the css only to top of the image, by increasing the opacity I can see that the box is not acting as a container but appear in top right corner.

I have found a quick fix no extra div needed only added this to the style css

aside, #map { box-shadow: 5px 0 4px -2px #ccc; }

Hi, I use this theme for my best site and I am extremely happy with it. I would like a few things though to make it even better. I was wondering if you have upgrades once in a while? Maybe you can built in a Revolution Slider and a form with a telephone number and image upload possibilities?

Greetings Martijn

Hey Ttttchess,

Thank you for your comment and positive feedback :)

As for your questions: Yes, we are planning to upgrade the template with Revolution Slider in next update. Concerning form it’s already possible to build this kind of form with the current predefinied styles. Please have a look at the form elements here http://thememotive.com/multipurpose/shortcodes.html

Hope it helps!

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

Kind regards, ThemeMotive team

Hello,

I created an “About Us” page where I want to include a Google+ badge. I used the google code, but the badge does not display (I am still in design, so the website is not live yet). How can I get it to display please?

The Map widget on the Contact page works excellent by the way (I changed the geo location in the JS file), so I am thinking it is also possible for the G+ badge.

Thank you.

Hey Traderjphx,

Thank you for your comment.

We checked it and depends on the Google+ badge type used it may not work offline, so we recommend you to put it online on real website to see if it’s working.

Hope it helps!

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

Kind regards, ThemeMotive team

A few days ago I asked about scalability in mobile devices: “Is this template pinch-zoomable on mobile devices? I cannot zoom it on my Android table. If it is not zoomable, how can I make it zoomable for mobile devices?”

And you answered:

“ThemeMotive ThemeMotive AUTHOR 19 days ago Flag Hey Kazmarar,

Thank you for your comment.

If you want to enable pinch-zoom in Android please replace this code:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0”> to this one:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes”> in html template.

Hope it helps!

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

Kind regards”

I replaced that tag in one of my files – http://www.ankyunacar.com/ENG/ but it did not help. Is there anything that I am doing wrong?

Hey,

We tested http://www.ankyunacar.com/ENG/ on real mobile devices and it was possible to zoom the website. Could you please clear the browser cache and reload the website?

Hope it helps!

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

Kind regards, ThemeMotive team

Thank you. I figured out that it is necessary to not only add user-scalable=yes, but also to change maximum-scale=7.0 or any other figure.

Hello,

I have a problem with the image display. My image Ankyunacar on my site http://www.ankyunacar.com/ENG/ is displayed on Firefox, but I cannot make it display on Chrome and any of mobile devices. What is the reason and how can I make it to display?

Hey kazmarar,

Thank you for your comment.

It seems like you didn’t upload loago for retina display. Please upload http://www.ankyunacar.com/images/a_logo_en@2x.jpg with 2 times bigger dimenstions than http://www.ankyunacar.com/images/a_logo_en.jpg or if you don’t want to have retina ready logo then please remove this:


//logo for retina
$('header .title img').each(function() {    
    var retina = window.devicePixelRatio > 1 ? true : false;    
    if(retina) {        
        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);
    }
});

from js/scripts.js

Hope it helps!

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

Kind regards, ThemeMotive team

Thank you! Uploading @2x.jpg worked.

Hi,

Pls, can you tell me HOW I remove the square margins around the pictures, So I mean, NO border around the pictures.

Where can I find that??

Thanx a lot! GREAT template …..

Regards,

Concerning your question, in your html code please just remove p07 (it means pattern number 7) from:

   <section class="breadcrumb p07">
        <p><a href="#">Home</a> Blog</p>
    </section>

Hope it helps!

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

Kind regards

So quick anwser…. WOW! Thanx! :-)

You are welcome :)

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey