ThemeForest

EMotion HTML Template

  • Exclusive Author
  • Has been a member for 0-1 years
  • Indonesia
  • Bought between 1 and 9 items
  • Sold between 100 and 1 000 dollars

Nice template.. :D Congratulations and welcome to ThemeForest.

shtier

Thank you so much!

JOGJAfile

you’re welcome, GLWS mate. :)

  • Exclusive Author
  • Has been a member for 3-4 years
  • Philippines
  • Sold between 10 000 and 50 000 dollars

Nice work! Good luck :)

shtier

Thank You :)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 1-2 years

Wow what a unique theme! This will go far!

  • Bought between 100 and 499 items
  • Exclusive Author
  • France
  • Has been a member for 6-7 years
  • Sold between 100 and 1 000 dollars

TNice work really There is a way to have text link inside page that go to anchor like menu ans strat sliding effect ? actually if i put link it jump and not slide. I will investigate on jquery

shtier

Thank You. I sent you the option code

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
dinitek Purchased

I got an error during the uploading

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
dinitek Purchased

now it works! I made an error uploading the folders!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hey, great theme! I was wondering if you could send me the code to scroll to anchor instead of jump like sitschner asked? Also do you know how to make the slider not autoplay? Thanks

shtier
Thank You. Disable autoplay: around 125 lines custom.js
...
interval:false
...
on the links:
$('#your a.link').click(function(event) {
    $('body').stop().scrollTo(
        '#Your_HashTag', // point scroll
        1000, // speed
        {
            easing:'easeInOutExpo', // animation effect
            queue:true
        }
    );
    event.preventDefault();
});
Please email support. I get emails faster than comments.
Default-user

Great will, did the trick thank you so much!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

How do i change the “About Us” section for the “About Me”? Thanks

shtier

Hi, you need to replace the contents of index.html from 859 lines to 1032. Html code to replace is in the folder “AboutMe” -> AboutMe_Section.html. And you need to replace the contents of custom.js ranging from 583 lines to 619. Js code to replace is in the folder AboutMe -> AboutMe_Section_Animation.js. If you encounter any problems with this email me at support mail.

Default-user

I’ve done it, replaced the exact lines you told me to, and it has lost all the animation for all the site.

Default-user

fix that already, dont worry. Thanks anyway!

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
  • United Kingdom

Hi, love the template, is there anyway to add a close button on the blog section once you have opened to view the blog “read more” section. Hope that makes sense.

Thanks

John

shtier

Hi John. I sent you the option code

piperhowie

Thanks the code worked a treat. Great support:)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

I’ve tried uploading the theme several times. It takes about 15 minutes each time, gets to 99% and then redirects me to a WordPress Failure Notice page that says “Are you sure you want to do this? Please try again.” Any advice or alternative ways to upload this?

shtier

Hi, “EMotion HTML Template” – HTML Template. This is not a theme for Wordpress. Themes for WordPress are http://themeforest.net/category/wordpress.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Its a really great template but if you are not a web designer its really hard to use (and i do know more than the basics of web design). If you change some little thing, the whole thing losses the whole animation. I abandoned the project now. It would be a really great template if it could be a little more “user friendly”

shtier

Hi, Most of the html elements are used in animation. So if you remove the html element, you need to remove(change classes including) and animation effects this element. Otherwise, it will cause an error js. Inspection custom.js -> “SCROLL ANIMATION” section -> remove(change classes) unused animation, and everything will be fine.

If you want to animate element HTML, make sure that for this element is written CSS rule: position: relative or position: absolute.

As for the “user friendly”, I have already started work on creating themes for WP and Joomla. If you have any trouble using the template just email me in a support.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Very difficult to use. Template should be more “user friendly”. Here changed one thing, next something not working.

shtier

I do not mind critics. Exactly where you are having difficulty? If you could tell me in detail, I could take this into account in the future. Please email me if you do not complicate. Thank you.

P.S. I’ve seen projects of other people who have used this template. The questions were about the functional improvement, which I have considered in the new version. After your comment, I also added a description of the template: ” You must possess knowledge Javascript and HTML, to customize this template”

Default-user

I do not have Javascripts knowledge but I must agree that this is a very good template. I love it at first sight.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Turkey

Hello. Great theme :)

I have changed first ‘WELCOME’ text with a long word. To fit it, i decrease the font size, but encountered with a problem about glowing effect animation. I think it works only for 7 characters. How can i change it ?

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Turkey

Also, how can i change fonts of this theme ?

Thanks

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Turkey

Oh, I found how to fix my older problems :)) in custom.js .

Can we change the animation speed of this ‘WELCOME’ text ?

shtier
Yes of course. Around 71 line you will see the animation for the first slide (in custom.js). Here is an example of the first letter:
Slide1.from( $('#section1 .head_animation .char1'), .25, {css:{top: '-200px', right:'1000px'}, ease:Elastic.easeOut})
Here is the scheme of its work:
Slide1.from( $('OBJECT'), TIME, {css:{CSS_RULES}, ease:EASE_EFFECT})

The speed depends on the time. Here’s an example, when the first letter is flying longer:

Slide1.from( $('#section1 .head_animation .char1'), 2.15, {css:{top: '-200px', right:'1000px'}, ease:Elastic.easeOut})
P.S. Also use the interval between slides, around 52 line:
var intval = 7200; // interval for auto switch slides - 7.2 sec.
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi Awesome Design…

I am Just stuck with changing the map coordinates. I went through the documentation but no help.

Changed this in custom js var address = [22.63034, -88.41570]; // use the coordinates

Changed this in gmap3

center:[22.63034, -88.41570]

Still just a pink image and distorted scroll panel on the map section

Pls help..

shtier
Hi, “distorted scroll panel” – Add this to your CSS
.gmnoprint img {max-width: none;}
.. excuse me, I will fix it.
Changed this in custom js var address = [22.63034, -88.41570]; // use the coordinates
You have done everything correctly. Set the zoom: 3, you will see that it is a point in the sea. (maybe it’s not a place that you need?) Use this service to determine the location of. http://www.latlong.net/convert-address-to-lat-long.html
Default-user

Thanks a ton, Just removed the – from the coordinates and worked.

Any more designs coming soon, do let me know…

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Hi, Very nice !!! great theme !!

shtier

Thank you! :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
Karisa Purchased

Wonderful!! Everything looks perfect and the template documentation is extremely helpful and well written. The html is cleanly done and has comments that explain everything clearly. Thank you for making this beautiful theme!

shtier

Thank you so much :)

Default-user
Karisa Purchased

Np, you did an excellent job.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi Shtier,

I wanted a little help on how to fit the lightbox according to my image size.

My Image sizes are 263×125 so all the boxes in the portfolio have a black empty space on the right side.

Thanks in advance.

shtier

Hi, I recommend to make thumbnails size is 412px in width. Because this size image is used in the responsive. In your format(263×125), you need to 412×196px.

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Hi, great template, love the style! Ideal for an electricians site I’m working on, I’ve changed the ‘WELCOME’ text with no problems but would like to change the font size so it fits better when resizing, as its 12 letters long. any help would be greatly appreciated. thanks again. Rob

shtier
Hi, you just need to change the css (style.css > 760 line)
#section1 h1 {
    font-size: 240px; // This size
    color: #ed8280;
    line-height: 210px; // and this is also likely need
    margin: 40px 0;
}
shtier

Do not forget to add animation to the new elements. (new letters) If there are problems, please contact our support


by
by
by
by
by