90 comments found.
I purchased your plugin today. Love it. I’m having a problem with the email though. It won’t work with or without the mail chimp api. I disable it and it still isn’t working. http://ndi.arkansasartscenter.org so you can take a look. A press release went out today and we’re loosing captures. 
ahg! and I just noticed the icons are not working on firefox.
To find a solution for your mailchimp issue we first need to know how you set it up. (A little hint for mailchimp: After a user submits his /her email they will receive an email from mailchimp asking for confirming their sign up) If the user confirms a new registered user will be displayed in the mailchimp backend. So maybe this already was the issue regarding mailchimp.
The easiest way for us would be to have a look at your wordpress backend. Just provide us with your credentials on themes@createbrilliance.com
Cheers
Thank you so much. I have sent you the credentials you would need.
Everything is working now. These guys fixed me up quickly and i’m loving this plugin.
Hello Createbrilliance, I love the template that you’ve created for us and I actually have no issues or errors thus far. I’d actually bought this template to help one of my clients have a under construction landing page but of course after they’ve given me the thumbs up to make it live they wanted some extra changes.
The only thing that I have a question on is for the contact portion. My client wants the map section to be removed and have a contact form in its placement. As you can see: http://www.analoggod.com/
Now I know my coding isn’t fully correct (kinda copied how you had the form code setup for newsletters). I wanted to see by your help if there’s a particular coding / php that I need to create in order have users fill in the contact form and when they hit the submit button, the information goes straight to my clients email address.
Thank you in advanced.
I’ve done most of the ground work. Code:
<h3>Contact Form</h3>
<form id="newsletter-form" class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for"first_name">First Name</label>
<input type="first name" name="first_name" class="form-control" id="first_name" placeholder="Enter your first name">
<label class="sr-only" for"last_name">Last Name</label>
<input type="last name" name="last_name" class="form-control" id="last_name" placeholder="Enter your last name">
<label class="sr-only" for"email">Email</label>
<input type="email address" name="email" class="form-control" id="email" placeholder="Enter your email">
<br /><br />
<label class="sr-only" for"subject">Subject</label>
<input type="subject" name="subject" class="form-control" id="subject" placeholder="Subject">
<br /><br />
<label class="sr-only" for"message">Message</label>
<textarea name="message" cols="80" rows="10"></textarea>
<br /><br />
<button id="newsletter-submit-mailchimp" type="submit" class="btn btn-submit">
<i class="fa fa-check" /> SUBMIT
</button>
</form>
</div>
HI jay2dab1987, first of all thx for purchasing the template. Regarding your issue: I don’t know your coding skills but if you have a look at the newsletter.php you should have a good starting point to do something similar like a contact.php. The only thing that would change is the a) validation and b) the number of form elements to send. You also need to have a look at the main.js file which handles the submit button action. If you still have issues just come back to us. PS: Your code looks fine but I personally would name it something else than newsletter so you don’t get in trouble;)
Cheers
Thank you for you swift reply
I just went on ahead and just removed the form period because it would’ve taken me a longer time just to try to figure out if anything is working.
But it may be due to functions not working properly. For some reason, in which I’ve seen in a previous comment stated 4 months ago about the submit button not working. If you go back to the weblink before, you’ll see that if you type in a random email (like on your demo) and hit enter, it’ll tell you it’s not valid immediately. With mine for some reason when you hit enter, there’s no warning or etc. it just refreshes the page. I don’t even receive notification letting me know I’ve received anything in my invoices from the site.
I’ve done everything that you’ve stated, made sure ’’ was not removed when typing the email address, I’ve checked to make sure the email information was corrected, I’d made sure that my mailchimp information was correct…So I’m kinda clueless on why the subscribe newsletter is not working properly. Is there a way you can assist?
Hi jay2dab1987 just had a look at your mailchimp/js/mailing-list.js file. all the linebreaks are stripped off (this happens if you have set up your ftp client to the wrong uploading mode) so please make sure that this is not happening (you have to change your upload to binary mode, OR you delete all the comments within the file OR you make comments like this /* ...*/ instead of this //). This should do the trick.
BTW: After you have sent your email to mailchimp (via the newsletter) mailchimp wants the user to CONFIRM their newsletter signup. After that you can see a new entry in the mailchimp backend.
It would be awesome if you could rate the item. thx in advance!!!
Cheers and happy coding.
The way you’ve used the background picture doesn’t respect the image’s aspect ratio (like backstretch.js does), at least on the rain variant. On my own site, I decided to opt into backstretch instead, if you’d like to use that method.
http://desamojones.comBasically:
1. Deleted the image tag (but preserved the parent’s DOM hierarchy) 2. Added backstretch.min.js in the right place. 3. $(”#rain-wrap”).backstretch(“img/wallp7.jpg”);
(I made other structural changes, but those are the only ones specific to the aspect ratio.)
hey desamo this sounds really great. thx alot for a) providing this hint and b) explaining a short how to. we really appreciate it!!!
For the news letter here is what I have on the store_address.php file for some odd reason I can’t get the mail chimp to connect. This is the last thing sorry so many questions.
require_once(‘MCAPI.class.php’); // grab an API Key from http://admin.mailchimp.com/account/api/ $api = new MCAPI ;
// grab your List's Unique Id by going to http://admin.mailchimp.com/lists/
// Click the "settings" link for the list - the Unique Id is at the bottom of that page.
$list_id = "fe7aad371c";
The last message did not show my API key for some reason but I have that in there for sure. Here is the site http://funkjazzlive.websitecandi.com
just to make sure you know how mailchimp works. Once you submit your email mailchimp will send an email to you saying you need to approve your subscription. ONLY if you approve this email, your submitted email will be shown in the mailchimp list of subscribers. As far as i can see from your page the form works correct. cheers
Is there a way to give the user control to turn on and off the sound with a single click?
freedommcflyy basically this should be possible with a little bit of javascript. I don’t know how experienced you are with coding but it should not be a big problem (the code would be to set the mute variable to true or false). cheers
Here is the site looking good! Notice the message up top to see how to debug safari. http://shanelcoopersykes.websitecandi.com/
good work!!!
Thanks buddy you are awesome!
On the YouTube layout can I upload a image for the iPad and the iPhone to show up because the video will not play on those devices by any chance? Thanks =)
there’s indeed something coming up for soonr to overcome this. A fallback that just shows an image.
So your saying I can display the image? How do I do that?
We are about to write a fix for that. When it’s ready we’ll post it here. Basically it will be some javscript lines. If a touch device is detected don’t play the video and show an image instead.
Awesome looking forward to it =)
here we go: for your youtube video do the following: go to line 264 and replace the
$("#video-wrapper").... thing with
if(!Modernizr.touch){
$('#video-wrapper').tubular({videoId: 'lMlZ4NCNVSE',wrapperZIndex: 9999});
}else{
$('.slides-container').html("<img src="img/wallp1.jpg" alt="" />");
$('#slides').superslides({'play':false});
};
That’s it. So if a touch device is found. Show an image instead of the video. An update for soonr is on it’s way.
cheers
Freaking awesome! Thank you so much! You are the man! What would I do to the code for a slide show with all 7 images?
well you would do something like this:
if(!Modernizr.touch){
$('#video-wrapper').tubular({videoId: 'lMlZ4NCNVSE',wrapperZIndex: 9999});
}else{
$('.slides-container').html("<img src="img/wallp1.jpg" alt="" /><img src="img/wallp2.jpg" alt="" /><img src="img/wallp3.jpg" alt="" /><img src="img/wallp4.jpg" alt="" /><img src="img/wallp5.jpg" alt="" /><img src="img/wallp6.jpg" alt="" /><img src="img/wallp7.jpg" alt="" />");
$('#slides').superslides({'play':5000});
};
so basically you would add all images you want and then you setup superslides to show a new slide every 5seconds. That’s it. Enjoy
You are a real BOSS! Thank you so much!
you’re always welcome;) have fun man
Hey,
I desperately need some help with my soonr theme for WordPress. I recently purchased it and i put in all my mailchimp information and for some reason every time someone tries to sign up it says “FNAME” required. I don’t know what this means and i don’t know how to fix it.
have a look at the website www.thegs.com.au
PLEASE HELP.
hi TheGS thx alot for purchasing the item. Your issue seems like a configuration problem in mailchimp itself. Please go to your mailchimp account. In there go to list settings -> list fields and check for the required fields ONLY email should be the required field. that should do the trick. Please tell us if this was help full and please don’t forget to rate the soonr wordpress template we’d highly appreciate it.
cheers and have a great weekend!
OH WOW… that was really simple.. I SHOULD HAVE KNOWN THAT…. thank you so much for the help…!!! 
Hey TheGS great that it worked out for you. Please be so kind and rate the wordpress item. thank you!
I got the lay out ready but how do i activate it? it say already enabled. Can someone please help?
hey SouthEdgeMag first of thx alot for purchasing. you are currently replying to the themeforest (html/css) version of soonr and it’s telling me that you did not purchase the item. so I assume that you are talking about the codecanyon wordpress plugin version. (and your question definitely makes more sense there anyway :D)
so what I’d like you to do is the following. You need to be logged out (from the wp-admin) in order to see the coming soon page. That should do the trick. cheers and please rate if you like it!!!! thx
I’m having trouble with mailchimp after submitting the email, the cog stays scrolling and it never give me a success message. The email is never getting to mailchimp either.
http://appleoutletbg.com is the site.hey wilsonusman thx alot for purchasing the item. There’s definitely something wrong (icons are not showing up as well). I’d like to have a closer look at your issue and for mailchimp I’d need to have a look at a php file anyway. So the best thing would be if we could talk about this via email and I’ll have a look at the code. Is that fine? Please contact us via themes@createbrilliance.com thx
When will the WP version will be available?
you won’t believe it. It was released T O D A Y. here’s the link. http://codecanyon.net/item/-soonr-modern-flexible-coming-soon-template-/7190137
enjoy 
Great..! can the images fade instead of slide
Hi alcalarob can you provide the example you are viewing? If you talk about the background slider then yes it is possible to have a fade as well (yet that’s not supported in the bookeh effect but in all others) cheers
Hello. I have installed your static HTLM coming soon page. Loving it and it looks great. It works great 99% of the time, but occasionally, it appears that the background image doesn’t display and remains a very dark grey. Please can I send you a link to check out what the problems is.
Many thanks!
hey thx alot for purchasing the item. just go ahead and send it to themes@createbrilliance.com. We’ll have a look at it.
cheers and enjoy the weekend 
Can you make the video work in the preview before I buy this please?
Okay it works on Firefox not Safari.
hey freedommcflyy are you using a mobile device like (iphone, ipad)?
No sir.. I am using a 13’ and a 20’ apple computers. The video doesn’t play or Safari however it played well within Firefox and chrome. I really want this thing you can give me a solution to Safari I’m all in thanks.
hey freedommcflyy I will try to help you out. I just tried to reproduce the issue with safari but the video was playing fine. Can you give me some more information on your OS and your version of safari?
Thank you for following up with me. I am using Version 7.0.2 (9537.74.9) Here is a screen shot from a fresh refresh http://imgur.com/jDOdj28
ok what I found out for now and I really thank you for reporting this is that tubular (the plugin used for video background) is not working in safari 7 when there’s an overlay. I myself can/could not see the error because I don’t have safari 7
I haven’t found a solution yet but I’m on this. once again thx for letting me know.
Awesome I bought it any way! Looks really good! Let me know when you update =) Thanks buddy!
just a quick question. can you see the vid? i know there’s still an issue but I just need to know If you can see a video at all 
Not on Safari just Fire Fox and Chrome
I can now see the wheat, looks like a still shot on safari http://themes.createbrilliance.com/Soonr/theme/index-youtube.html
i will try to reach out to someone with safari 7 so I don’t have to bother you all the time. just stay tuned (one little question. did you use the link with DEV in the url? because you are pointing to the original site. just asking)
cheers
If your asking did I add DEV in the url now I didn’t. I don’t mind testing for you.
Almost there this is what I see http://imgur.com/XoEjeAJ
However I still could not play the video.
Hey we did not forget you but did not hear back yet from the safari 7 guy
.
to be 100% on the same level: even after the video was fully loaded it did not play automatically? and there was no button or anything to let you play the video, right?
cheers
Nope its still doing the same thing. I can see the video but its still not playing.
sorry for the huge delay. I finally got feedback. I had soonr tested on a maverick with safari 7.0.2 and it was playing. so it might be another issue than the browser. did you make any progress? cheers
Still not working on my end.
hey freedommcflyy may I know your os x version?
10.9.2
OMG would you believe Safari has a option in the SP to turn off power savor that was stoping the video all this time! Grrrr!!!! The last thing I need is “Options and defaults” to turn the volume up. I have found the
$(’#video-wrapper’).tubular({videoId: ‘0bcjBRGBUHI’,wrapperZIndex: 9999}); });
and the
ratio: 16/9 // usually either 4/3 or 16/9—tweak as needed videoId: ‘ZCAnLxRvNNc’ // toy robot in space is a good default, no? mute: true repeat: true width: $(window).width() // no need to override wrapperZIndex: 99 playButtonClass: ‘tubular-play’ pauseButtonClass: ‘tubular-pause’ muteButtonClass: ‘tubular-mute’ volumeUpClass: ‘tubular-volume-up’ volumeDownClass: ‘tubular-volume-down’ increaseVolumeBy: 10 // increment value; volume range is 1-100 start: 0 // starting position in seconds
What to I do to kick on the tunes? Cheers =)
Hi freedommcflyy great to hear that things finally go the way you want to
. From what you have posted I’d say you have to set mute:false and it should do the job.
$(’#video-wrapper’).tubular({videoId: ‘0bcjBRGBUHI’,mute:false,wrapperZIndex: 9999}); });
should be it.
hope it works out for you.
cheers and good work
Thank you sir you are the MAN!
your welcome
glad it worked out
Hi, i am planning to buy your template and I d like to know if theres a possibility to change the font used for the intro text. It doesnt stand out enough from the background image – read: difficult to recognize.
Thanks 
hi bigbuckberlin. yes sure it’s possible to use any font you want. you just need to set it up in the css file (and eventually load the font e.g. from google) i can show you how it’s done. cheers
Hi, Youtube video on Ipad with ios7 doesn’t work, Can you help me? thx!
hey simoneattana this is an issue with the plugin we are currently using. thanks alot for this hint. we will take a look at it. have a great day cheers
I’m Sorry for all the questions!
But i’m getting the hang of this. Just one more!
I’ve replaced the Main text with an image (See here) http://trs-studios.com/test
How can i get that image to resize on all resolutions?
It works fine on my screen, laptop and ipad… but it’s too big on an iphone.
I’d appreciate your continued support!
hey man there are never too much questions. first of all your site / modification of the template looks awesome. really great work. id love to feature (once it is finished) on themeforest as an example for an implementation if you want to.
regarding your question: there are several ways: first bootstrap provides a class for images that makes images “more responsive” it’s called img-responsive in version 3 of bootstrap. here’s an example.<img src=".your image url" class="img-responsive" alt="" />
However to be a 100% sure that the image looks good on all devices I would use media queries. With mediaqueries you can call certain css stylings based e.g. on the width of the screen. So lets say for a max-width of 780px your image should have a width of 400px
@media only screen and (max-width: 780px) {
.title-image{
width:400px
}
}
(HINT: of course your image first needs the class title-image for this media query to take effect on it)
(HINT: You need to play a little with the width max-width setting of the media query so it really just takes effect when
it is necessary)
I hope this explanation was comprehensive and helpful enough for you. don’t hesitate to ask again if there’s some trouble.
cheers
The package could not be installed. The theme is missing the style.css stylesheet.
This appear when i try to install it. Can you help me out?
Unfortunately this is a html/css template. not a theme. I think you are trying to get this working on wordpress. This is not possible (yet). We are working hard on releasing a wordpress plugin version of soonr.
Hey guys!
Thanks for all your continued support! Top notch!
I was wondering, would you be able to help me with a few additions i would like to make?
I would like to add 3 Buttons that would link to different subdirectories on my domain.
So basically Soonr would be the landing page, then 3 buttons that link to 3 separate sites.
I would sincerely appreciate your help!
All the best!
hi rwashash, thx for your kind words. well that should be pretty easy. Just copy the style of the newsletter button get rid of some of its data attributes and classes we don’t need and redirect it to the url of your subdirectory and optionally use the attribute target = _ blank.
here’s an easy example:
<a class="btn btn-default" href="URL TO YOUR SUBSITE" target="_blank"><i class="fa fa-envelope-o" /> NAME OF YOUR LINK</a>
the classes btn btn-default define the styling of the button. fa fa-envelope-o creates the envelope icon. Just go to fontawesome to check all the icons you can use. If you don’t want an icon just remove the i tag.
Hope the description was helpful. Don’t hesitate to rate our template;) cheers, all the best and good luck with the template!
Thanks for the swift reply! Already rated when i purchased! 
when i do the buttons get cut off and only show about two letters in them.
What am i doing wrong?
ideally i would like to have the 3 buttons (Larger than the newsletter button) evenly spaced along the bottom, above the social media icons
http://trs-studios.comYou can see the landing page i’m trying to modify.
<div class="btn-group"> <button type="button" class="btn btn-default">Left</button> <button type="button" class="btn btn-default">Middle</button> <button type="button" class="btn btn-default">Right</button> </div>
it’s ok figured it out!
glad you could figure it out yourself!
Any help would be greatly appreciated. Thanks!
hi et138571 thank you for purchasing the template. it looks pretty good. I don’t know if I got you right but you say that the preload takes too long? Website speed is always influenced by the size of your pictures and of course (regarding your case) the video. So it is probably the video and youtube that take some time to load. I’d suggest to temporarily remove the video and test the speed again. cheers
Hi there. I just want to know a couple of things before buying.
Once I install this template, what do I have to do to collect people’s email? Is this something simple or will you provide help for that? Also, on top of their email, I want their zip code, is that attainable?
Thanks so much!
Hi Marius7, thx for asking. Well collecting emails is an out of the box feature of soonr. (its the newsletter function but you can name it whatever you want). Soonr features two ways to collect emails. a) simple mail delivery to your inbox (meaning: people insert their email in the newsletter form field and you will receive their email adress)
b) You use the mailchimp feature which is also integrated into soonr. This feature sends the newsletter emails to your mailchimp account.
Regarding your second question: Collection more information is not possible out of the box but soonr is easy to extend so I can help you achieving your goal (i’d recommend to use mailchimp for that). So basically what we would have to do is add another field for the zipcode and make some modifications in the code and everything should be ready to go. Hope I could help you. Cheers
awesome design.
The NaN problem still exists though, looks like in Safari on my mac and iPhone.
I get the issue when I put try to change the date from the default. I copied the main.js file over and it works.
I changed the date to var target = new Date(“Feb 17 2014 21:15:00 GMT-0600”);
and I started having issues.
hi jrobertson427 thank you for purchasing the template. just tried your date. it is working for me (however I could just test it on a virtual machine safari and on an ipad3). let me summarize your issue so i can hopefully reproduce the problem: -you changed the date to feb 17.. and you get issues ONLY on your mac/iphone but it works on other devices? -the default date works on all devices
copying from a to b sometimes messes up the quotes. so what you could try first is to replace the quotes once again “by hand”. maybe this already helps. please keep me updated.