Discussion on Retro Touch - Creative Portfolio Html Template

Discussion on Retro Touch - Creative Portfolio Html Template

Cart 176 sales
Well Documented

SpiralPixelDesign supports this item


27 comments found.

hi, your beautiful template doesn’t work with wordpress. Can you do something please.

It’s a html temple not a Wordpress theme.

Josweb, I just noticed that the footer breaks in Safari’s latest update. Do you have any info or solution I could fix that?

Thanks! Still love this template. Anyone who is considering it, it’s excellent. Beautifully done and perfectly organized code.

Mark Bondi Imbondz

I downloaded the file again, but could not find how to update the Safari broken footer. Can you tell me what specifically to edit please?

Email: bondidesigns@me.com

Thanks Mark

styles.css was updated.



I’ve just purchased this nice template, I haven’t altered anything yet, just uploaded it to my server for a test.

Problem is that I have different font sizes in the top menu. Some letters (A, E, I, N, T, V, etc.) are slightly but noticeably smaller than others.

Do you have any solution?


This shouldn’t be the case as the font is all the same size. Maybe it’s how your browser is rendering the font. does it look ok for you on the demo?

Thanks for your reply! The demo is OK. However, I’ve tried the downloaded pack with different browsers on three different computers, then tried to run it from my local machine, but got the same problem.

If the demo is rendering ok for you then it should be the same. Are you changing the language? Do you have it online for me to see? If so please send me the link through my profile page.

How do I change the flickr stream? Here is the code…what do I change/insert?

<script type=”text/javascript” src= “http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=all”> </script>

that’s exactly what I did, but the Flickr code is crazy. I don’t understand what part to keep. I’ve tried multiple different parts of the code. can you tell me what I need out of this?

This is from flickr:

<!- Start of Flickr Badge -> <style type=”text/css”> .zg_div {margin:0px 5px 5px 0px; width:117px;} .zg_div_inner { color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;} .zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;} </style> <script type=”text/javascript”> zg_insert_badge = function() { var zg_bg_color = ‘ffffff’; var zgi_url = ‘http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=93432121%40N03'; document.write(’<iframe style=”background-color:#’zg_bg_color’; border-color:#’zg_bg_color’; border:none;” width=”113” height=”151” frameborder=”0” scrolling=”no” src=”’zgi_url’” title=”Flickr Badge”><\/iframe>’); if (document.getElementById) document.write(‘ What is this?<\/a><\/div>’); } zg_toggleWhat = function() { document.getElementById(‘zg_whatdiv’).style.display = (document.getElementById(‘zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’; document.getElementById(‘zg_whatlink’).style.display = (document.getElementById(‘zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’; return false; } </script> www.flick r .com
<script type=”text/javascript”>zg_insert_badge();</script> This is a Flickr badge showing public photos and videos from Bondi Designs. Make your own badge here. <script type=”text/javascript”>if (document.getElementById) document.getElementById(‘zg_whatdiv’).style.display = ‘none’;</script> <!- End of Flickr Badge ->
:) Here you go:
<script type="text/javascript" src= "http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&v&source=user&user=93432121%40N03"> </script>

Many thanks man! Sorry about that.

ok sorry, I found the slider documentation here: http://dev7studios.com/nivo-slider/#/documentation

That tells you how to adjust slider times, and animations.

Just purchased. So far it’s excellent. Couple of questions: 1. Has it been tested on the iPad and mobile devices? 2. Simple question – How do I slow down the homepage slider?

what does that mean? sorry i’m not a coder.

It hasn’t been coded to work on such devices, it’s a fixed layout.

ah got it. I just tested it on my iPhone 5 and it looks and works great.

Hi josweb,

Actually when I noticed this template here and purchased a couple of weeks ago, I didn’t know what to do with this…I just liked it and wanted to have. :) (In my opinion this was the best one (in terms of design, typography and fine details) among the retro templates.) I think I have an idea now to use it properly. (I will have a project soon shooting several series of retro fashion photographs.) As I am a noob in html / css and js coding I am almost sure I will need some help when customizing the template. In this case I dare to get back to you… :)

Very best regards and please receive my honest appreciation for your consistently high level portfolio here…


Thank you! Also, if you need some help please do contact me through my profile page and I will be happy to help out.

strike my previous question for help. Question has been resolved.

Anyone know how to I can use my own Flickr Gallery images in the bottom of the Projects section of this web template? Is it a flickr generated code? Great web layout btw. Thanks!

Found it in custom javascript file – so ignore previous cry for help :)

Hi Jo

I am very happy with your template and its functionality except for one very small irritation…

That is the pirobox gallery. I don’t want the facebook or twitter icons so I have removed them from the image, but they are still linked in some way. I can’t find out where to remove the links and have read through your help file but can’t find anything about it. Have even checked the Pirobox site and both of your ‘style’ sheets.

Hope you can help.

Many thanks :)

Thanks Jo. I haven’t got it online yet, so will send you the URL when I put it up.

Thanks for your quick response – But how do I edit the drop down info when you click the logo badge? – I can’t see it in html source and it looks very much like html text to me.

Also I have been able to change the slider to fade, but cannot override the speed. I have placed the script underneath the slider images, but it changes nothing. :confused:

I found out from the nivo site that to override all you can place the following in your slider img src – data-transition=”fade”

e.g. description

Since this data-transition overrides everything else I was wondering how to add ani speed into the equation and if not where can I change the speed?

Yes it is html… You can edit it on the panelcontent.html file as described in the read me info. You should be able to change the speed as you have with the fade. It will probably be best to contact me through my profile page then I can take a look for you.

Hi Jo

I can’t find the top badge in the html. Where is it hiding so that I can edit it?

Many thanks! :)

Hi, it’s called logo, id logo…. You should also have a psd of it.

Great design Jo :)

I would like the nivoslider to fade and not have random actions, but I can’t find anything in the html or css. I would also like to slow it down as I just love your heading animation fading in – a great effect!

I checked the nivo site and I noticed the plugin was updated 31 July to v3.1. Should I use this jquery version instead of the one in your download?

Thanks for your help :)

Hi, the code is in the html after the Nivo pics… If you want to add fade etc follow the information shown here: http://nivo.dev7studios.com/support/jquery-plugin-usage/ if you want to update the jquery you can do so.. :)

why is the area underneath the menu items clickable (leads to home page) ?

otherwise this is stunning work :)

Hi, awesome theme and a wonderful design. Thank you.

Question. Would I be able to easily put a scalable image in the background? If so, how would I accomplish this? Thank you.

Hi, sorry to you mean an image that fills the background? If so you would need a plugin such as FullScreenr – http://nanotux.com/blog/fullscreen/

Hi Josweb—

This is perfect. Thanks!

That’s ok, have fun! :)

WOWWW ! Great sexy and cool theme.

Waiting for it Responsive and in Wordpress :D And if different type of blog posts, will buy it for sure!

It’s in the pipe line to become WP, not sure about responsive though.

Hi Jo .. Another lovely theme! Love the Contact in dropdown idea of Quevegas’s!

On index2.htm I’ve set the Gallery View settings to film strip = false, however the strip is still appearing. Do you know if it’s possible to turn that off completely?

Thanks, PG

Many thanks! I think it is possible, I can test it out when my main computer returns from having maintenance. This will hopefully be some time later this week.

Hi Jo .. any word regarding disabling the film strip in index2.htm?


Yes add: show_filmstrip:false,

The animated text is a great feature within this awesome clean and exceptionally well coded template :) I have actually used the dropdown panel for a contact form as it’s so unobtrusive

Worthy of more than $14 imho 5 stars :)

Thank you for such a wonderful comment! I have added it to the item preview page.. :)


Tell us what you think!

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

Sure, take me to the survey