Fidelity - Photography HTML5/CSS3 Template
Themeforest Fidelity - Photography HTML5/CSS3 Template HTML Template
Fidelity is the most fastest and future-oriented HTML5 and CSS3 template. It uses a full power of hardware-accelerated CSS3 transitions and transforms (of course with fallback to jQuery animations) and provides great perfomance on desktops, tablet PCs and smartphones. It’s primarily for photographers, but it can be used by design agencies, architecture bureaus, etc. Template was succesfully tested in all modern browsers: Firefox, Safari, Chrome, Opera and IE8-11, also mobile browsers: Chrome, Safari, IE, stock Android browser, Dolphin.
Key features:
- 7 Color Schemes
- Responsive and Retina-ready design – from mobile to HD devices
- Unique effects and functionality
- Hardware-accelerated sliders and gallery with keyboard navigation and swipe support
- Background video with fallback to image
- Responsive lightbox plugin for images and videos (supports filtered photo groups)
- Smart filterable portfolio (inactive/hidden categories if no posts on current page)
- Ability to setup narrow/fullwidth page in a few clicks
- Helper classes
- Unique Ajax photo gallery
- Infinite scroll for portfolio and blog
- Handwritten simple slideshow for portfolio page
- Grid Blog and classic blog layouts
- Flickr and Instagram widgets
- Contact form with validation and sliding captcha
- Sticky pages
- Supports Twitter Bootstrap 3 elements/classes
- Advanced Google Maps settings
- CSS3 powered + jQuery fallback
- Accurate and valid cross-browser code
- Grids, tabs, accordions, alerts and full power of Twitter Bootstrap
- Great Foundation Topbar for site navigation
- ...and much more!
Credits:
- Photos: Thomas Hawk and Viktor Hanacek. Video: Beachfrontbroll
- Twitter Bootstrap
- Zurb Foundation
- Modernizr
- Fontello
- jQuery library
- jQueryUI library
- jQuery Easing plugin
- FlexSlider 2
- Shadowbox lightbox plugin
- jQuery NiceScroll
- Infinite Scroll
- goMap
- Element ‘inview’ Event Plugin
- jQuery Transit
- jFlickrFeed
- jQuery Instagram
- Isotope
- Pace.js
Version changelog:
[f] - feature added
[c] - changed
[b] - bug fixed
-------------- 1.1 --------------
[b] Fixed js error on iPad (landscape mode)
[b] Fixed other minor bugs
[edited] css/style.css
[edited] js/app.js
hi, explorer 9 bug, gallery next or previous button first click no promlem. step and step click, gallery content response bug.
ReplyDelete??
ReplyDeleteHi,
ReplyDeleteI can send modified app.js file. Contact me via my profile page please.
Regards,
Evgeny
Hi,
ReplyDeleteI have some questions,
1. when i check the bg image with mobile, it looks like the image is zoomed, caused the text/title cropped, how can i fix this?
2. is it possible to move the mobile menu and strips from right to the left? how can i do this?
3. I’ve updated the video page following your previous method, the image is good, but i can’t click on it to redirect to a youtube link. how can i get this fixed?
please check my site, http://goo.gl/8Z4KWH
thank you so much in advance,
cheers.
Hi,
ReplyDelete1. Not sure I understand what you mean. Image is centered (fills width or height depending on proportions). This is how background slideshow works.
2. Modify /css/topbar.min.css or use browser console (Firebug extension for Firefox) to obtain necessary information about styles of the desired element.
3. Sorry, it isn’t included out of the box so you might need to solve this by yourself or hire developer to make desirable changes, because I’ve pointed out the right direction. The template is available as is and support doesn’t include installation/customization services.
Regards,
Evgeny
Hi, I’m pretty new to this site and I’m looking for a wordpress theme. I really like your theme that you created here in the preview, but as far as I understand it, you are not selling a theme, but a template. Can you tell me what’s the difference and how much do I have to work on it, or even more, how much do I need to have knowledge about CSS/HTML/PHP-coding to create the same theme as you have in the preview.
ReplyDeleteThank you very much,
Paul
Hi Paul,
ReplyDeleteYou can take a look at WordPress version of Fidelity.
Regards,
Evgeny
I just wanted to follow up and say THANK YOU for making this. I’ve done a decent bit of editing / modifying to my site, but this is exactly what I’ve wanted for years. I still have to compress my photos though, but that is on me, because I’m hosting from a 3MB connection.
ReplyDeleteI’m also dropping my site here for two reasons.
1) I’m a photographer and this is ultimately want I wanted from a site (Fidelity but modified as shown in the link below). Perhaps you guys may consider this as an optional layout on any future versions.
2) As an idea for photographers who might think Fidelity is almost what they want. It can be completely content forward if you are comfortable editing this brilliant code.
www.silzerphotography.com
The only real issue I’ve had is I could not get the instagram feed to work (flickr worked great). I had to go through a 3rd party to get my instagram feed up and running. Other than that no complaints, in fact, I really truly want to say thank you for providing an affordable and brilliant theme.
Hi,
ReplyDeleteVery sorry for the late reply and many thanks for your kind review.
I’ll pay attention to things you mentioned in the future
Regards,
Evgeny
Hi, could you please guide me on how to change the minimum height of a widget? I thought it’s somewhere in the style.css, but I couldn’t find it.
ReplyDeleteThank you!
Hi,
ReplyDeleteSorry, I don’t understand what you mean. Maybe you can show on screenshot?
Regards,
Evgeny
I need this window to go all the way down: http://nyheadshots.com/schedule.html
ReplyDeleteThanks!
Hi,
ReplyDeleteAs I see there is iframe I don’t use in my template (markup). Try something like this:
#ef-page iframe {min-height: 700px !important;}
Regards,
Evgeny
Perfect, thank you Evgeny!
ReplyDeleteYou’re welcome!
ReplyDeleteRegards,
Evgeny
Hi, i have some questions.
ReplyDelete1. i need to have multiple video page. what is the easiest way to do this? since if i copy page video.html it will show the same video.
2. my computer screen is full hd 1920×1080. but my site showing an image for the video page. (like on the mobile) any idea how to adjust this so it shows the video.
thanks in advance.
Hi,
ReplyDelete1. Sorry, it’s not easy to achieve.
2. Please provide a link. I can’t reproduce this on 1440×900 display.
Regards,
Evgeny
1. i think i should copy the whole site to another map. and play there another video and link it on the first website. is this possible?>
ReplyDelete2. http://goo.gl/Z0eGTj
Hi,
ReplyDelete1. You can just duplicate setup.js, rename it to setup1.js (for example), add new video there and change your page markup:
<script type="text/javascript" src="js/setup1.js"></script>
2. I’m able to see video on any resolution. Which browser and its version?
Regards,
Evgeny
Hi, how can I remove the safety slider in contact-page?
ReplyDeleteAnd in which file I find words to translate “Success! Message was sent” ?
ThankYou
Hello,
ReplyDeleteI wrote an email because I have some problems with iPad and menus, could you help me please? thanks
Hi,
ReplyDeleteIt seems that I haven’t received any emails related to your issues. Please re-send your email.
Regards,
Evgeny
Hello,
ReplyDeleteI purchase the template, find it here (http://daimonarti.it/troisi/index.html) in a test space. I have these problems:
- It does not work with the ipad menu (items do not work on click)
- Do not work the menu and the home (Firefox – as above for the menu and do not see the photo on the first page)
Can you help me please?
Thanks!
Hi,
ReplyDeleteThanks for your questions.
It seems not clickable on iOS 8.3 in landscape orientation. Will check that asap.
Slider on mobile Firefox can be fixed by replacing with original Flexslider 2 script downloaded here http://flexslider.woothemes.com/ But it mean that “fade” transition will be not working in Internet Explorer 9-10. I’ve managed to fix script, but loose mobile Firefox support.
Regards,
Evgeny
Hello,
ReplyDeleteIt seems that my first message can’t be send, so i try again.
I purchassed your wonderfull theme and it seems that menu navigation was broken on iphone.
In fact i can’t show submenu item. Whan i try to click on parent item, nothing happen.
On a android brownser, it work like a charm
Can you fix this ?
Thanks
Hi Evgeny,
ReplyDeleteI just downloaded and am working on this great template. But I’m having a problem with the page portfolio-gutters-fw-page-1.html. It seems I have six extra placeholders at the bottom. I cannot locate the code to change these placeholders into my own images.
Hi,
ReplyDeleteThanks for your purchase!
It seems your’re talking about posts, loaded with ajax. Just remove this from the markup:
<nav id="ef-page_nav">
<a href="portfolio-gutters-fw-page-2.html"></a>
</nav>
Regards,
Evgeny
they saying that syntax error in line number 43,jquery.nicescroll.min.js how to fix this i did not do anything to coding yet
ReplyDeleteHi,
ReplyDeleteThanks for the reporting. I’ll check that asap.
Regards,
Evgeny
Is it possible to put multiple markers on the Google map for multiple locations?
ReplyDeleteHi,
ReplyDeleteYes, it’s possible. Check this page please. Modify “zoomLevel” variable (from 1 to 19 value) in /js/setup.js file if you wish to display a few markers on the screen.
Regards,
Evgeny
hello please let me know can we used separate slider images to separate pages ?
ReplyDeletei mean i need one slider image set for home page and i need different image set for about us page.
please let me know how to do this one. many thank
hello please let me help out of this.
ReplyDeleteIn order to use different slider images per page I used a ‘quick and dirty’ solution. I just created a setup2.js file where I contained the new set of images and changed the relevant html code in the 2nd page.
ReplyDelete<script type="text/javascript" src="js/setup2.js"></script>
I would appreciate if the author could provide a cleaner solution.
Is there a way NOT to wait for all pictures of the slideshow to be preloaded?
ReplyDeleteIf there are many pictures you have to wait a long time before first one shows up…
Anyone who can help on this? Thank you!
ReplyDeleteHi, I have bought the fidelity theme but I can´t manage to install the theme in wordpress. Every time I get the message there is missing the css.style sheet. I have tried also to put the folder via filezilla in admin-content/themes directory but I can´t select it afterwards in the themes in wordpress. So I was wondering, is this because I am using a very recent wordpress? Or any other suggestions?? SOme help is welcome, Otherwise I see no other choice then using another theme.
ReplyDeleteAny idea as to why the homepage slider images would not be loading on desktop but they load fine on mobile? www.nyheadshots.com
ReplyDeleteHi Fidelity team!
ReplyDeleteI’m French so I’m really sorry for my English in advance…
I have a big problem with the installation!!
I used my favourite FTP client (Filezilla) as you say but when I go back to Wordpress->Appareance->Theme, Fidelity is not there and I have a message that say the style sheet is missing.
What can I do ?
Eva
I’m so sorry, I borrow you for nothing !
ReplyDeleteI found the problem. It’s a HTML template and not a WP one. I found the answer in the comments of your other theme Favea.
I was in love with fidelity… anyway…:(
I will ask a refund to Envato if you agree.
Thank you for your beautiful work !
Eva
Eva … I have the current word press version of Fidelity, can I update WP without and issue?
ReplyDelete