ThemeForest

Edison - Responsive vCard Template

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

Hello.

In the Portfolio menu, I’d like to enable 4 items (A, B, C, D).

At first, I have disabled the “All” item. Then I have assigned to the B item the “current” class to show its pictures by default, like this :

<li><a href="#" data-filter=".A">A</a></li> <li><a href="#" class="current" data-filter=".B">B</a></li> <li><a href="#" data-filter=".C">C</a></li> <li><a href="#" data-filter=".D">D</a></li>

The problem is : at the first loading (clicking on the Portfolio Menu), the B item is active by default like I want, but it shows all the images off the 4 items (like the “All” menu did). Clicking on another item shows its own images, then clicking again on the B item a second time shows its own images.

How to change this behaviour ?

Mird

Hello, For this do you need open custom.js file and find this line: filter : '*', in the Isotope section. Change * symbol on your B item.

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

okay. Thanks a lot.

Works with ”.B”

Mird

Excellent :)

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

Another question :

An image can be displayed in the lightbox in its original format. But how to display the thumbnails in landscape and/or portrait? Should I build a specific CSS for the portrait format or is there an easier way more simple/faster?

Mird

Just specify the URL to the image. Do nothing further is required.

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

Thanks for your help.

Last (?) but not least :)

When you choose an item (lets say the B item) then you click a picture, the lightbox loops with ALL the images, not only those of the B item. Is there any setting somewhere ?

Mird
What you want to do is possible, but I recommend you look here: http://fancyapps.com/fancybox/
  • Bought between 50 and 99 items
  • France
  • Has been a member for 4-5 years
Just specify the URL to the image. Do nothing further is required.
Sorry… okay for the big images. I was talking about the thumbnails. If you link to a portrait format image, the thumbnail appears distorded in landscape format.
Mird

Yes, if you do not want that they do not stretch, you will have to change the style.css file

  • Has been a member for 0-1 years

hey man, i have your super template, but i have deleted contact form php file, is it possible to get some how?

Mird

Hi, you need to go to the Downloads tab in your account and download this template again. In the archive you’ll find this php file.

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

So i feel silly that the answer is staring me rate in the face, however I can’t seem to get my page to adjust properly to smaller screens. Even when i upload the original download (to test), to a server, the page doesn’t adjust it’s content for those screens as it would when manually adjusting the window view on the computer.

Mird

You are doing something wrong, it works, template tested on most devices

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

Hello Mird :)

First of all thanks for sharing your great job, it’s really amazing! :)

I have almost finished my website and wanted to ask your advice regarding two things:
  • Is there any recommended way to embed a .pdf file or a link to a .pdf file placed on Scribd.com
  • The same regards .swf files – is there any way to embed a preview of such a file (it’s not placed on external website)
If there’s anything you could recommend me, I would be very grateful.

Thank you very much for taking your time.

Best regards,

Kamila

Mird
Hi Kamila and thank you :)
  • link to the PDF file will not be anything different from other links. For example: <a href="http://scribd.com/blablabla/yourpdffile.pdf"></a> or <a href="http://yourdomain/yourpdffile.pdf"></a>
  • With swf file the same thing, just make a link to it
Default-user
ka1130 Purchased

Dear Mird,

Many thanks for your reply. Actually that’s what I tried to do but it did not really work and Dreamweaver was showing some mistakes.

Say, I want to introduce such a link in a part of code like this:

 <li class="photography"> <a href="images/portfolio_06_b.jpg" data-fancybox-group="portfolio" class="folio"> <img src="images/portfolio_06.jpg" alt="" /><h2>The past</h2>  <span class="tags">Photography</span> </a>   </li> 
Below the image, in a
 <h2> </h2>
file or in the title that shows up as a caption in the gallery “slideshow” I try to introduce
<a></a>
section. When I try to do something like this:
<h2><a href="http://scribd.com/blablabla/mypdffile.pdf">The past</a></h2> 
, then the link itself works but the “slideshow” is broken and does not move on. In the title section it is anyhow impossible – everything breaks then… Sorry for troubling you but maybe there is some other possibility which didn’t come to my mind? Or am I doing somethig wrong?

And regarding the .swf file – I need to put it on a server first and then link it, right? Isn’t it possible to simply put a .swf file directly as I am doing with still images?

My web development knowledge is not truly advanced so maybe I ask stupid questions but anyway, thanks a lot for your patience and support. :)

Kamila

Mird

Yes, in general, you are doing everything right, but a little change this link: <a href="http://scribd.com/blablabla/mypdffile.pdf"><h2>The past</h2></a>

About SVF file, yes you need to put it on a server first and then link it :)

Default-user
ka1130 Purchased

Great, thanks a lot for all your help, Mird! :) I managed to finish the website based on your template and am very happy about it. :) Will follow your portfolio! :) Thank you very much again. :)

Mird

You’re welcome :) was happy to help you. Thank you!

Default-user
ka1130 Purchased

I thank you! :) Will recommend you – and looking forward to see your further work. :)

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

Hi, great theme! But how do you embed video with specific size?

Mird
Hello and thank you,
For example, like this: <iframe src="http://player.vimeo.com/video/15973610?title=0&byline=0&portrait=0&color=ffffff" width="680" height="340" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> :)
  • Exclusive Author
  • Sold between 1 and 100 dollars
  • United Kingdom
  • Has been a member for 4-5 years
  • Bought between 50 and 99 items
RicSum Purchased

Hi, First of all – congratulations, an excellent, simple, design which looks perfect.

I have a quick question:

I have deleted the SKILLS section, and need to know how to make the EXPERIENCE text spread across the entire section – instead of still remaining at 60% of the width.

Thanks, and keep up the good work.

P.S, will you be making an all black leather version?

Mird

Hi and thank you :)
For this you just need to find ”.experience” class in “style.css” file. And change width from 548px to 860px.

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

Urgent,

after I uploaded the theme through FTM file manager, it shows on word press the theme is broken and stylesheet is missing. please advise.

Mird

Hello,
This is only HTML template, but not Wordpress theme.

Default-user

what do you mean, can’t work on word press ?

Default-user

If not, can you reimburse me ? or do you have something works on WP ?

Default-user

would you please reply

Mird

This template is located in section “Site Templates” on Themeforest but not in WordPress section. This suggests that it is not a WordPress theme.

About reimburse – Unfortunately, Themeforest do not provide it in this in this case.

Default-user

do you have something that works on WP?

Default-user

How dose this work ?

Mird

No, WordPress templates I do not have

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

Hi, thanks for you great work!

I have two questions:

1) How can I change the “portfolio” page into a “bookshelf” page in order to display the covers of my favourite readings?

3) How can I add another page?

Mird

Hello and thank you, To do this you need to edit the following files: index.html, style.css & custom.js. As in other cases with html templates you need to understand html, css and jQuery.

Default-user

Thanks for you quick reply.

What I mean is that do I need to edit the PSD files as well?

Mird

To edit PSD files you need Photoshop.

Default-user

Any open source alternative that supports multiple layers PSD files?

Default-user

Thanks a lot!

Default-user

A final question. What do I need to substitute in the PHP contact form? I have tried to replace the “email to” value with my email address but it does not working.

Mird

Hello, Try to check the spam folder in your email, messages may be there

Default-user

Hi, I did not find any email!

Mird

Please give me a link to your web site, try to understand this

Default-user

I am very sorry for bothering you. Eventually I realised that my college’s server cannot run PHP scripts!

Mird

That’s all right. Very sorry that your server does not allow run PHP scripts.

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

Hi, Mird!

Thanks for your brilliant design! I am new user who is not that good in web construction. I have a few of silly question, hope you can help me, thanks a lot!!:)

1. How can I change the pic in portfolio? Can I do that by simply replace the pic in the image folder? I should use the pic with the same size? (the same question for Welcome section)

2. Do you have some tips on modifying the category in portfolio section?

3. If my server cannot run PHP, what can I do for the contact form?

Sorry for troubling you and thanks very much!!

Mird
Mird Author

Hi evian and thank you, 1. Yes, you can simply replace the pic in the image folder with the same size or any another size. 2. For this you need to change html file. Open portfolio file in any html editor. Find the “Project Feed Filter” section and change categories. 3. That’s where my help is powerless :) You need to find out what support your server and depending on it to use a particular script.

Best regards, Alex

Default-user
evian720 Purchased

Hi Alex,

Thanks for you kind reply!

1. My server is running asp. Do you have any solution?

2. I am living in the multiple places so I want to change the big map (in contact section) into 5 smaller map. (For the map, I don’t want Google map, simply a pic is fine.) What should I do? Can you provide some code for me?

Thanks so much!!:)

Regards, Evian

Mird
Mird Author

Hi evian :),
1. To my regret, in this situation, I can’t help you. In this case you need to use ASP script, but not PHP
2. In this case, you just need to remove from index.html a section for Google Maps and insert in its place 5 images that you want.

Default-user
evian720 Purchased

Thanks for your kind reply! 1. OK..thanks anyway!!

2. Can you provide me the code for image? Do I need to modify the CSS file?

I am really troublesome:( Sorry for that!! THANKS!!

Mird
Mird Author

Hi evian, the code for the image looks like this: – Where src – is the path to the image. And yes, you may have to modify the CSS file. To be more precise you might have to create one or more new css classes for your images.

Default-user
evian720 Purchased

Thanks! I have replaced it with a pic. If I browse the website with computer, everything is all right, but if it use a iphone to browse it, the picture that I used become too big. How can I solve the problem? THANKS AGAIN!”:)

  • Has been a member for 2-3 years
  • Bought between 1 and 9 items
  • Russian Federation
tim21701 Purchased

it does not work in IE10 :crying:

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

Dear Mird, I don’t want the Google Map so I have replaced it with a pic. If I browse the website with computer, everything is all right, but if it use a iphone to browse it, the picture that I used become too big. How can I solve the problem? THANKS AGAIN!:)

Mird
Mird Author

Unfortunately, I can not teach you the basics of html and CSS :) To solve your problem you need to just yet add new classes in the CSS file.

by
by
by
by
by