29 comments found

lenamtl Purchased

Hi,

Do you have a code to add ‘are you human’ checkbox to the contact form?

Thanks

JoNa
JoNa Author

Hello lenamtl,

Thanks for your comment and sorry for the delay! Not at the moment but I’ll look into adding a human check in the next update of the template, I’ll keep you posted! ;) Best, Jonathan

Hello,

i´m interested for the WP Version. You wrote 2 month ago, it will come soon.

Please, can you specify soon a litle bit more detailed.

Thanks in advance, rrwp87

JoNa
JoNa Author

Dear rrwp87,

Thank you for your message and really sorry for my late reply! I have been retarded on my work on the WordPress version of the Project Source template, however until it is made available I strongly recommend you to take a look at the Spark Premium One-Page WordPress Theme which uses similar techniques and which features font-based icons, hybrid images (for Retina displays), section-tracking for Google Analytics, and much more.

That said I will keep you posted whenever a WordPress version of the Project Source is made available however I don’t have a precise release date yet! ;) Sincerely, Jonathan

JoNa
JoNa Author

Hello,

I’m happy to announce that the WordPress version of this template was just released, check it out: Hybrid Responsive & Retina One-Page WordPress Theme! ;) Cheers, Jonathan

pvien027 Purchased

Your .PSD requires a ‘Spark Edge’ font, and unfortunately I like that font alot but it’s not included with the package. Can you point me to where I can purchase it?

JoNa
JoNa Author

Hello pvien027,

Thank you for your comment and sorry for my late reply. The font used in the PSD is the “Source Sans Pro” from Adobe and it is included in the packaged, please look in the “fonts” directory and install the 4 variants of the font on your system. I hope that helps, and please feel free to let me know if there is anything else I can assist you with ;) Best, Jonathan

Will you be offering a Wordpress version of this template?

Thanks in advance!

Default-user

Hi Jonathan, thank you kindly for replying once again!

If I would like to use your current design, and incorporate the following idea found here http://themeforest.net/item/fresh-portfolio-onepage-multipurpose-theme/full_screen_preview/3588484 to be able to change the background and text color of each article section, while preserving its “responsive” feature; would this be possible to achieve?

Thank You for your precious time. :-)

JoNa
JoNa Author

Hello michelbayard,

Thanks for your reply, yes it is possible to define a different background for each section individually using custom CSS, here is an example:

.section-home {
    background: black;
}

.section-features {
    background: grey;
}

.section-prices {
    background: white;
    text: black;
}
/* etc. */

Once you know basic CSS it is pretty extensible! Best ;) Jonathan

JoNa
JoNa Author

Hello michelbayard,

You wanted me to keep you posted about a WordPress version of the Project Source, so I’m happy to announce that the WordPress version of this template was just released, check it out: Hybrid Responsive & Retina One-Page WordPress Theme! ;) Cheers, Jonathan

Greetings Jonathan, this theme is wonderful, and I customized it for my sister

http://www.sfdogwalker.com/

Now, I noticed that the navigation has up to three different http addresses for the same page, depending on which navigation tab one presses:

http://www.maddim.com/demos/project-source/ http://www.maddim.com/demos/project-source/#home http://www.maddim.com/demos/project-source/index.html#home

(The last one from the blog’s navigation)

There is no canonical http address for the home page. Is there a way to avoid this, so the first http address is the only one? (I tried to modify the navigation html in the blog, but thinks broke.)

Thanks!

JoNa
JoNa Author

Hello sergioturner,

Thanks a lot for your comment, very appreciated!

Regarding your question, the internal URLs must start with a #hash symbol in order to trigger the smooth scroll.

The following two links point to the same page, this is true for many sites:

Appending #home at the end of those URLs will target the Home section specifically within this page.

Links to sections within the landing-page, that are located within the landing-page itself, must start with a #hash symbol, for example <a href="#contact">Contact Us</a>. However, links to sections of the landing-page, but located on other pages, must first target the landing-page, and then specify the section name, for example: <a href="http://www.example.com/url-to-the-landing-upage/#contact">Contact Us</a>

Both for web browsers and search engines, this link point to the exact same location. According to Google (see http://support.google.com/webmasters/bin/answer.py?hl=en&answer=139394 ) you can use both relative and absolute URLs, which target the same page. Also you can have multiple versions of the same page, and therefore multiple links to the same page, and using the canonical attribute you can specify a “preferred” URL to be returned in search results. For example by adding the following in the <head> area of the “index.html” page: <link rel="canonical" href="http://www.maddim.com/demos/project-source/" /> so Google will return http://www.maddim.com/demos/project-source/ instead of http://www.maddim.com/demos/project-source/index.html.

I hope that helps, please don’t hesitate to let me know if you need any further clarification about this, I’ll be happy to help! Best ;) Jonathan

Default-user

Dear JoNa, thank you for the generous lesson, and for the simple solution of adding the link rel=”canonical” tag. As with all your themes, simplicity is the result of much of expertise and sculpting!

JoNa
JoNa Author

Thank you!! :)

Hi JoNa, another question about the top navigation:

Is it possible to have dropdown menus linking to external pages (such as “blog”)?

If so, is it just a matter of associating a list with each top nav element inside the html? (I recall trying, but the formatting broke)

Thanks in advance for your attention!

JoNa
JoNa Author

Hello sergioturner,

Thanks for your message. Currently the Project Source HTML5 Template doesn’t support dropdown menus, at this time only the WordPress version does.

I’m going to release an update in order to include this feature, it will look the same as the nested menus implemented in the WordPress version, so just keep posted for updates! I don’t have a specific timeline just yet but I’ll release it as soon as I can! Again please feel free to contact me if you have any questions or comments, I’d love to hear from you ;) Best, Jonathan

Default-user

Great, thank you for including it in the next update! This wonderful theme just gets better and better.

Your website looks great.

JoNa
JoNa Author

Hello noemielcote, Thanks a lot for your comment! Very appreciated :) Cheers, Jonathan

dshutts Purchased

Hey Love the theme.

I have a link that will goes to the relevant section of the page, but I can’t figure out how to have it go directly to a different tab from the default without it jumping too far up cutting off the section head.

Any ideas as to how I would do this?

JoNa
JoNa Author

Hi dshutts,

Thanks for your comment! Let me check that I understand you correctly, you would like to have a link that point to a section, but in addition to the page scrolling, you would also like to switch to a specific tab in that section, is that correct?

There’s a simple way to make that possible, you will have to add some javascript though!

Add this in your HTML page (just before the closing tag, or you can put it in a separate javascript file if you prefer):
<script>
$(document).ready(function() {
    $('.switch-tab').click(function(){
        tab_id = $(this).data('tab');
        $('.tabs a[href="'+tab_id+'"]').trigger('click');
    });
});
</script>
And change your link to this:
<a href="#services" class="switch-tab" data-tab="#tab-branddesign">Services (Brand Design)</a>

The above link will scroll the page down to the “Services” section, and will switch to the tab with the ID “tab-branddesign”.

Keep the “#services” in the href attribute in order for the scroll to be correctly positioned on the “Services” section, and put the tab ID in the “data-tab” attribute, and don’t forget the “switch-tab” class! That’s all!

You can re-use this kind of link to switch to any other tab by changing the tab ID in the “data-tab” attribute of the link.

I hope that helps, please feel free to let me know if you need any further assistance with this, I’ll be happy to help ;) Best, Jonathan

Default-user
dshutts Purchased

Incredible support. Thanks so much for this – works perfectly!

Like it so much, good job!;

by
by
by
by
by
by