Discussion on ColorCloud - One-Page Design, 3-Layer Parallax

Discussion on ColorCloud - One-Page Design, 3-Layer Parallax

Cart 260 sales
Well Documented

simonswiss does not currently provide support for this item.

32 comments found.

Just curious, I’m interested in this template. Has there been any update since then 7 months ago?

Hi!

There has not been an update since then. Let me know if you have other questions! :)

Hello, I am intersted in purchasing this theme. I did want to ask if I would be able to take parts out like the tour section to shorten it up. Also if I had questions with getting this up on the web could you help? Thanks

Hi,

Sorry for the late reply – I was on a holiday in Bali :)

You can easily remove a section of the template, or reorder the sections to what suits your need.

Since it’s an HTML template – you could host it pretty much anywhere, even on free hosting solutions like http://surge.sh / github pages etc.

The contact form needs PHP to work though – but it could be replaced with a service like http://formspree.io

Let me know if you have any other questions!

Hi, great website design with flawless functioning. Is this also available in wordpress version ?

Thanks

Thanks for the kind words!

This template is not available as a WordPress theme, but I am almost done implementing the MODx version, which is going to be pretty cool. :-)

I confess I am not very good at forms, and I need help adding google’s nocaptcha recaptcha. Do you know exactly what code I need to put for that? I know how to generate the keys. Thanks

Hi!

Thanks for your purchase, and for the great review you wrote :)

Adding Google re-captcha is pretty straight forward. Right there with the keys – there are 2 snippets of code you can grab and paste inside the index.html file:

\\

As instructed, the first snippet goes just before the closing </head> tag, while the other goes inside the form, maybe before the submit button.

When these 2 snippets are added, your form captcha should start working properly.

There are more advanced ways to load the re-captcha via JavaScript, but this technique should work fine for your needs!

If you are stuck – you can e-mail me your site files at simon@simonswiss.com along with your API keys and snippets, and i can help you set it up on your template.

Hope this helps!

Thanks Simon. I will give this a try later, if it doesn’t work I’ll email you. I changed the email ID in config.php, but the form isn’t sending me an email anywhere, I checked spam as well, in both sender and receiver emails and nothing. Is it because of the apache issue? How can I check that? I use dreamhost, if this is the issue, is there a work around?

Just tried submitting the form on your website and, from a font-end perspective, things were ok.

Validation was working properly, error notifications showed, and form seemed to submit.

You might want to check with DreamHost – and also make sure your e-mail address is set properly in the config file.

Hello,

Are the colors on the template easy to alter?

Thank You!

Hi,

If you are using the LESS files, then it’s only a matter of changing the color variables in one place and it will change everywhere. So yes, super easy to alter.

If you use CSS, you can find / replace all instances of a color code to change it.

If you do purchase the item and get stuck – i am happy to help!

Happy New Year (a bit in advance)!

Thank you for your quick reply. Happy New Year to you too.

Thank you! :)

Are you still available and providing support, sir? I really like this template but I need a couple changes. Also willing to pay for your time as a freelancer in addition.

Thank you!

Hi,

Yes I am available for customisations.

Send me a message (contact form on my profile page) with details of what changes you would need so I can give you a price estimate :-)

Awesome work, mate ! Pre-purchase question: Is there any way to add a “to the top” button on the theme ?

I miss a “Newsletter” field too.. Its too hard for myself to add it if i buy ?

Hi Daniel,

The smooth scrolling functionality is already there – so it would be pretty easy to add a link to the ’#home-section’ and use CSS to position it to the bottom-right, then make it display on scroll with jQuery.

I am happy to help you achieve this in the support forum if you purchase the template.

Same for the newsletter field – since there is already a working contact form, you could re-use some of the code (HTML, CSS, PHP) to create a newsletter signup form and add it to the template.

Hi Simon, On Safari, the portfolio items are all out of proportion, the words aren’t centered etc.

On Firefox, when i click a header link a white box appears out of the background.

Also, with the modal popup and the navbar items, is there any way to make clicking the link before the animation is complete work ? Right now i have to wait for the animation to finish before the link works or else nothing happens when i click it. Thanks.

You can see it at themourningstar.com . I have been editing the css but only to change colours around and fonts so i’m not sure if i caused it but would love a fix. Cheers

Hi,

Thanks for the purchase!

For the Firefox nav background issue, you can fix it by adding this to the styleX.css (or .less):

.nav > li > a:hover, 
.nav > li > a:focus {
    background: none !important;
    outline: none !important;
}

For the safari portfolio, i was not able to reproduce the issue – could you register to the support forums and upload a screen capture?

Thanks!

Hi,

Do you have a .psd for the logo?

Cheers.

Hi floe,

If you send me an e-mail via the contact form on my profile, i will send you the .psd file for the logo.

Thanks for the purchase!

Just sent you an e-mail with the psd file – enjoy! :-)

just a quick one…

Can the tour be altered? need a few more steps

btw…. awesome looking

A few more steps can be added to the tour with some HTML knowledge – you can basically copy some of the code of the previous steps – the white zig zag line is created with CSS so if you apply the right classes it will work all right.

Thanks for the kind words!

Did that info help?

Hi Simon, a different issue. I’ve just noticed in Browserstack that the portfolio part of your template is unusable in IE8 – I assume you didn’t know this. Obviously IE8 is still one of the most popular browsers out there so unfortunately the portfolio part of the template isn’t currently working for many people.

I am getting the template reviewed by a IE specialist – an update should be available in a couple of days!

Great thanks Simon, :-)

An update is now available – i have not updated the demo yet but you can get the new download files with optimised IE support!

Hi, in the specs it says this supports IE8. But when I test this on Browserstack.com (which is very reliable when compared to other IE8 testing methods) the layout is thrown out – it just doesn’t seem to work in IE8. This is the same with your preview version and the version I have on my server. Any ideas? Is IE8 struggling to find respond.js for some reason? It looks like it could be related to handling of media queries.

I am getting the template reviewed by a IE specialist – an update should be available in a couple of days!

Great thanks Simon, :-)

An update is now available – i have not updated the demo yet but you can get the new download files with optimised IE support!

Hi, What is name of the font you used in logo

Hi, thanks for the purchase! The font is PT Sans Regular

This template saved me A LOT of time. It’s clean, it looks GREAT and the best is there is all the site in just one html file! I made the text editing in just a few minutes! Claps for you my friend!

Now my question:

How can I add one or two more item to the main menu?

I understand the sectors and that stuff, the problem is with the css, the thing is when I add a new item to the menu it looks ugly.

I’m adding this to the main menu:

  • Blah
  • How can I fix it to look good with more stuff in the menu? Maybe I can stretch it up a little or something like that?

    Thank you.-

    Hey, thanks for the kind words, glad you like the template! :-)

    The best approach i would see for your longer menu is to change the breaking point (browser width) when the normal navigation switches to a dropdown button (for mobile devices).

    At the moment it switches at 768px – you might want to boost it a bit wider.

    Here’s the easiest procedure to do so.

    1) Go to http://getbootstrap.com/customize/

    2) Search for the ”@grid-float-breakpoint” setting in Grid Settings.

    3) It should say ”@screen-sm” (equivalent to 768px by defalut). Change it to ”@screen-md” (992px) or put any pixel width you find appropriate.

    4) scroll to the bottom and click the big “compile and download” button.

    5) Open the zip you downloaded and inside, open the /css folder.

    6) Copy the bootstrap.min.css file into ColorCloud’s /css folder (it will overwrite the file with the same name in there).

    7) Check your ColorCloud template now – it should be working fine and change between horizontal menu and dropdown menu at the breaking point you have edited!

    If this is still not wide enough for you, you can reduce the left margin (currently 48px) in the menu links with the following CSS:

    .navbar-nav li a {
      margin-left: 24px;
    }
    

    I believe you should be find with those tips :-)

    Let me know if you got it working ok!

    Simon

    Piece of cake! It looks fantastic now!

    Simon, you rock!

    How do I compile changes to the LESS file?

    Thanks for the purchase!

    You’ll need some application that can do the compiling. I personally use CodeKit for Mac (google it) but there are other options out there.

    The results of this google search should help you out.

    Let me know if you’re still stuck!

    Hi Simon, are psd files included? Thank you

    Hi,

    i didn’t add the psd files in the download as this template was mainly designed directly in the browser.

    The only items created via photoshop are the logo and the background clouds. I am happy to send you these files in psd format if you need to use / modify them.

    Hi guys!

    I will be on a bushwalking expedition during the next 4 days – no internet connexion, no phone reception.. Don’t expect any support during these days, but i promise i’ll respond to your questions as soon as i am back in civilisation!

    Simon

    Hi Simon, the description mentions 3-layer parallax with the clouds, but I couldn’t see in the demo where they were moving. Could you help point the parallax effects out to me? Thanks! -Kevin

    Hi Kevin,

    The parallax effect is very subtle, you can see it in the dark blue sections (slider, contact..). There are 3 different layers of clouds, which all move at different speeds, creating a feel of depth and 3D.

    You can replace the clouds with any graphics you want as long as you use transparency (alpha channel, png format).

    Hi Simon,

    Nice work. I am interested in buying colorcloud but the existing color schemes do not match with my branding. How can I change the color scheme to some other scheme which is not part of the existing theme ?

    Thanks.

    This is not a WordPress theme.. you won’t be able to upload it in WP, as this is just an HTML template.

    WordPress on ThemeForest are usually priced $35 or more. They are listed in the WordPress section – http://themeforest.net/category/wordpress

    I am sorry if you got confused – I cannot issue a refund myself but you can try contact Envato support.

    Oh. Is it ok for me to create a worpdress theme with this template?

    You purchased one licence. If you have the skills to turn this template into a WP theme, sure you can go ahead. You’ll be able to use this theme for a single project only, though.

    Support Forum Now Available!

    To provide an even better customer service, i have opened a support forum. Please ask your support questions directly there! :-)

    » Let’s Go!

    by
    by
    by
    by
    by
    by

    Tell us what you think!

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

    Sure, take me to the survey