ThemeForest

Hippr :: Responsive Coming Soon Page

  • Author had a File in an Envato Bundle
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Europe
  • Has been a member for 3-4 years
  • Referred between 10 and 49 users

Neat ideas , congrats ! :)

YdidU

Thank you, Bedros :)

  • Bought between 100 and 499 items
  • Germany
  • Has been a member for 1-2 years

Purchased! Great Job! :)

YdidU

Thank you! Glad you are happy :)

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

Nice work! keep it up :)

YdidU

Thank you, louiejie :)

  • Bought between 100 and 499 items
  • Exclusive Author
  • Germany
  • Has been a member for 3-4 years

Hey YdidU, Great idea and Great Job!

So one question: I want to count up from a previous date/time, instead of down to a future date/time – not down as like your template. What must i do to get this – can you help me please?

Olli

YdidU

Hello BrandBull, and thank you!

The countdown is directly connected to the progress bar, so if you leave one blank date, the progress bar could not work. If you’d like, we can help you with making the counter counting up by taking a better look at your situation and get back to you.

BrandBull

Hey YdidU, thanks for your fast reply, it would be really nice if you could help me please!!

Olli

YdidU

Hello BrandBull,

So, for the countup to work, you just need to change this line on your respective javascript file of the background you chose (scripts_works.js, scripts_maps.js or scripts_fullscreen.js):

$(”#countdown”).countdown({until:endDate

to this: var startCountUpDate=new Date(“September 01, 2012 23:30:00”); $(”#countdown”).countdown({since: startCountUpDate

and don’t forget to change the date to whatever date you’d like the counter to start from.

Note: The progress bar will still work as before (as a countdown), so in your case I advise you to disable the progress bar unless you’d like to have a countdown and countup at the same time.

If you have any question, we’d be happy to assist you! And if you like our item, please rate us :)

BrandBull

Hey YdidU, thanks for your fast support and your helping instructions… well, what does i say…. :

IT WORKS …. YIPPIEAYYEH !

Again, Thanks for Help & Support! Five Stars have you already on it before you helped!

Olli

YdidU

Thank you, BrandBull :)

We are happy to help and to know that it worked ;) Let us know if you need anything else!

Take care

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 1-2 years
  • Sold between 10 000 and 50 000 dollars

Bom trabalho :)

YdidU

Muito Obrigado, rodbor ;)

  • Bought between 50 and 99 items
  • Has been a member for 5-6 years

BEAUTIFUL !! I wonder if you can create similar look with FULL Wordpress site I will buy it!

YdidU

Thank you :)

The hippr family will also have an HTML and Wordpress theme. We are working on it ;)

  • Bought between 50 and 99 items
  • Has been a member for 5-6 years

When is it launching?

YdidU

Maybe two weeks for the HTML and a bit more for the wordpress.. let’s see.. we are going as fast as we can :)

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

Hi ! Nice template. A question before buying ? What about integrating mailchimp to the subscription form ? Easy or not ?

YdidU

Hi iwmichel, Thank you. Yes it’s easy to do.

If you buy and need help doing it, just let us know so we can help you out.

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years

Love this template but can’t workout how to replace the background images with my own images. How do you do this?

YdidU

Hi Vanessak, Thank you for your purchase :)

In order to update your background images ( I assume you are referring to the fullscreen background ), open the file ‘scripts_fullscreen.js’ located in ‘assets/js’ and replace the links (line 43) with your own image links.

If you’d like to have a folder ‘myimages’ inside ‘assets/images/’ with your background images, then your first line could be like this:

{image : ‘assets/images/myimages/image1.jpg’, title : ‘Image Credit: vanessak’}, ...

‘Title’, ‘Thumb’ and ‘url’ fields are optional.

Hope this helps.

Sorry if this wasn’t clear. We are going to update our documentation in order to explain this better.

If you need anything else, just let us know :)

Take care.

  • Bought between 50 and 99 items
  • Has been a member for 2-3 years

Love this! Great job. Would it be possible under the maps theme you could have two pins dropped on the map?

YdidU

Hello, Thank you :)

Yes, it’s actually possible and relatively easy to make this happen. Let us know if you need help doing this when and if you purchase :)

Thanks.

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years

Thank you very much for the support you provided. Love this template and will recommend it.

YdidU

Not a problem! Thank you very much for choosing this template and for recommending it :)

If you like our item, please don’t forget to rate us if you don’t mind :)

Thanks and let us know if you need anything else.

  • Bought between 100 and 499 items
  • Brazil
  • Has been a member for 3-4 years
itsnyc Purchased

Hello just got your construction template….been trying to find where to change the progress bar..nice theme by the way, and also just to let you know Eu sou do Brazil. Prazer em lhe conhecer

YdidU

Olá itsnyc! :)

Thank you for the purchase! If you want to change the images on the progress-bar, you just need to go over at assets/images and modify the images you want (bg_progress-bar.png, bg_progressbar-percent.png, progress-back.png, progress-bar.png and sparkle.png). If you need to change something on the style of the progress-bar, you just need to find the id #progress-bar, on the styles.css file, and modify what you need there.

Let us know if you need any assistance on that!

Abraço!

  • Bought between 50 and 99 items
  • Germany
  • Has been a member for 1-2 years
  • Referred between 500 and 999 users

I know, I’m complaining on high level, but the responsive design doesn’t work on the iphone 5. Any tips to make it work?

YdidU

Hello axeldittmann, and thank you for the purchase!

The responsive design in Iphone 5 doesn’t work in portrait and landscape mode, or is it just in landscape?

We are looking it right now. Will update you as soon as possible!

Thank you.

axeldittmann

Thanks for the quick reply! It doesn’t work in both modes…

YdidU

We made tests with previous versions of iPhone and other mobile devices and everythings runs fine. We are now investigating the problem with the iPhone 5 and we will get back to you asap! Thank you for spotting this! We will get back to you soon.

YdidU

(Sorry for the repeated post)

YdidU

axeldittmann,

Can you please send us a screenshot with the problem to hello@ydidu.net so we can assist you faster.

Note: In case you don’t know, pressing the top (lock) button and the home button at the same time in your iphone generates a screenshot of the screen.

Thank you

  • Australia
  • Bought between 50 and 99 items
  • Has been a member for 1-2 years

Hello, could you please advise if it’s possible to show a satellite image rather than the standard map for index3? If yes, how is this done? Thank you.

YdidU

Hello jimmychickens, and thank you for your purchase!

To show a satellite image instead of a map, you only have to comment following line in scrips_maps.js:

map.setMapTypeId(‘map_style’);

and replace by:

map.setMapTypeId(google.maps.MapTypeId.SATELLITE );

You can also choose from other Google Maps styles: - map.setMapTypeId(google.maps.MapTypeId.ROADMAP ); - map.setMapTypeId(google.maps.MapTypeId.HYBRID ); - map.setMapTypeId(google.maps.MapTypeId.TERRAIN );

Let us know if you need anything else!

Default-user

I appreciate the fast answer – the mod looks great!

Default-user

Hello, another quick q hopefully. I’m trying to replace the twitter bird image with my own logo which is 75×101. I’ve tried a few things but the different image size screws the layout.

How do I fix this? Thank you.

YdidU

Thanks Jimmy.

Regarding your latest question, you can do the following:

1. Open the css file (styles.css) and find ’ #ticker ul.tweet_list ’ (line 342)
2. Change height to (in your case) 110px
3. Find ’ #ticker .tweet_list li ’ (line 347) right below
4. add this code inside: ’ margin-bottom: 16px; ’
5. Voilá :)

In order to increase the negative space below (add more space between tweets and the end of the container) it’s a bit more complex and a longer process. If you’d like to do so, let us know. Nevertheless, the solution above works just fine.

Let us know if you need anytying else.

Thank you.

Default-user

Thank you again for your help. The logo now sits nicely but the actual tweets themselves have moved lower into the white section and as such, can’t be seen. Is it possible to move them back up?

Default-user

Sorry, thought this may be useful:

info-twitter {

float: right; margin: 28px 0 0 0; width: 206px; background: url(../../assets/images/untitled-3.gif) no-repeat; padding: 0 0 0 75px; } #ticker ul.tweet_list { margin: 110px 0 0 0; height:16px; overflow-y:hidden; } #ticker .tweet_list li { height: 90px; font-family: ‘Source Sans Pro’, sans-serif; font-size: 13px; line-height: 18px; font-style: italic; } #ticker .info-twitterSpan { text-transform: uppercase; font-size: 11px; }

YdidU

Hello Jimmy, You made a mistake in the second step. You changed the margin first value to 110px instead of the height and you changed the height to 16px instead of adding a margin-top of 16px and that’s why you are seeing it wrong.

Here’s how the correct code should look like: http://f.cl.ly/items/2v3g300Z0L1y1M0q2j3f/hippr-eg.png

If you’d like more help customizing your theme, please send us a private message or shot us an email to hello@ydidu.net so we can help you faster.

Thank you :)

Default-user

All working well – THANK YOU !!!!

YdidU

Not a problem, Jimmy. Happy that all is working well :)

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

I just love this template. Splendid job! I personally cannot wait for the Hippr WordPress theme to come. It might just be the first WP theme that will end up in my purchase list. I’m really looking forward to it!

Oh, and I also love the design style of the button.

YdidU

Thank you, byousoku. We are very glad that Hippr pleases you :) Also thank you for your purchase!

It’s great to know you are interested in our WP version. We are doing everything we can to put it live asap. We will launch the full HTML first and WP after.

If you need anything, let us know.

Cheers :)

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years
  • Norway

love the simplicity of the design, and im looking forward to the HTML / WP “versions”, great work :)

One question though, what font did you use for the “Hippr” logo…?

Keep up the great work.

YdidU

Hi Joransrb. Thank you:) We are working in the HTML version as we speak.

The Hippr logo is using Evolution from Paulw.

Thank you, once again!

joransrb

Thanks, and im looking forward to se what you come up with in the HTML version :)

  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • New Zealand

Great template! I want to use the map version but add a address window to the marker, how do I do that?

Thanks for the help

Cheers Lee

YdidU

Hello pixelwebnz, and thank you for the purchase!

About your request: you only have to include the following code right before the last closing tags on the file script_maps.js:

// Your InfoWindow var infowindow = new google.maps.InfoWindow({ content: ‘

Hello world

‘ }); google.maps.event.addListener(marker_1, ‘click’, function() { infowindow.open(map, marker_1); });

You can modify the code inside your InfoWindow as you like! And if you need any assistance, send us a message!

Thank you!

  • Exclusive Author
  • Has been a member for 0-1 years
  • Portugal
  • Sold between 1 000 and 5 000 dollars

Thank you all for the great feedback we’re having on this item!

We hope you’re enjoying it as much as we are. Keep your eyes open as we will be launching new items soon, including the html version of this item!

  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • New Zealand

Hey YdidU

Thanks for getting back to me, and for the tip, its great to get the support to match the product, you can see the modification on my site here: www.pixelweb.co.nz

Thanks again Lee

YdidU

Thank you, pixelwebnz :)

We are glad it worked out for you. Was great to see your page. Good luck and keep the good work!

If you need anything else, just let us know.

Take care.

  • Bought between 100 and 499 items
  • Has been a member for 4-5 years
  • United States
ZIMACOM Purchased

Hello I just purchase your template and I need ur help. Where can I change the color of the main bar “Check our progress”

Thanks john

YdidU

Hi Zimacom,

Thank you for your purchase. Since we have the ‘glow’ effect at the end of the scrollbar and since that can only be achieved with imagery, you have two options.

A ) Open ‘styles.css’ file and locate ’#bar’ on line 114. Delete/Comment the background property (line 115) and add the following: background: color; Replace ‘color’ with the desired color. You can use hexadecimal values like #ffffff or words like ‘white’. You will notice that this will only change the color of the bar but not the ending glow which can only be changed in Photoshop or similar. So you will need to change the color of the glow to your respective color, or remove it. If you do not want to change the glow in photoshop and rather prefer to remove it, open ‘index.html’ file, locate ‘ ’ (line 107) and delete it. You will now have the color of the progress bar changed and the glow removed.

B ) If you’d like to change the color of glow and you don’t know how to work with Photoshop, please let us know which color you would like to change to and we will quickly send you the new image of the glow.

Let us know if you need anything. We will be here to assist you.

Cheers

by
by
by
by
by