We’re getting ready for the big update (learn more in our forum post). Our sites won’t be available after 9:00 AM AEST (Saturday, 30 July 11:00 PM UTC) - keep it in mind if you’re thinking of buying an item. You can monitor the status of our sites here.
Hello,my cellphone is Lumia 920 with a Windows phone system. Your program does not work on this system. Pls repair it soon. Thank you!
Hello, we’re aware of the problems on Windows phones and trying to find a solution for it.
scrolling on my I-phone ist not smooth, don’t know why.
But great design, anyway.
Thanks! Which iPhone are you using? On version 5 it should run smoothly.
I use 4 with latest OS, swiping up and down does not work.
What do you mean by swiping up and down?
simply scrolling: finger swipe up to scroll.
We’ll look into this as soon as possible.
First – on the homepage, when using the arrows to go through slides there’s a couple of seconds of lag time after the third slide for the video overlay and text to appear. So, for a second or two the video is bright (with no overlay) and the text doesn’t show. This problem does not seem to happen when you click and drag through the slides. [Using Chrome on Vista]
Second – Is there a way to use only static video background (with no slides) and have the text change in front of it, like fading in and out with different text?
Thanks very much!
First – We’re aware of this bug. It only appears on Chrome and we didn’t find a way to fix it by now. We’ll update the template as soon as we find a solution for this.
Second – As a compensation for the overlay bug, we made a little script for you: http://jsfiddle.net/r6themes/67Y4L/
Best Regards, R6
Wow. Thanks very much! It works great. But it doesn’t seem to be fading in and out like it does in the jsfiddle. Am I doing something wrong? I pasted the script into the custom.js file. It’s working but not fading the text.
I think there is a transition conflict. Please add this CSS to style.css to enable the fading effect.
Perfect! Thanks very much. I appreciate your help.
Great theme and great support!
We’re glad to help!
Sorry, last question. Trying to add another line of text with an h2 but it’s not working. Here’s a jsfiddle.. http://jsfiddle.net/7z8f8/
Fantastic! Thanks very much. Just rated 5 stars!
what we need to do to autoplay homepage slides?
You need to edit the custom.js file and add autoplay: 5000 (to slide each five seconds) to the Swiper instance of the fullscreen slider. Here is an example of this code: http://pastebin.com/uVqna7as
I cannot get a video to load (mp4 format)
verified it is right src folder etc
Please check your file extension (it’s case sensitive). Also try to clean the cache in your browser (especially if you’re using Chrome). If it still doesn’t work, try to reconvert it on http://www.online-convert.com/
I recently purchased this template however I’m having difficulties in editing it. I couldn’t find a help guide either? Please could you expand on how to do this?
Thank you for purchasing our template. The help file is located in the documentation folder of the template’s ZIP file.
Kind regards, R6 Themes
Thanks for the quick reply. I am far from being an expert on code? is there an idiots guide on how to edit the template? I assumed you could edit in deign mode in Dreamweaver? By help file did you mean index.html next to the asset folder in documentation?
Yes, you can find instructions in the index.html file in the documentation folder.
Unfortunately, you need to know basic HTML and CSS to edit any site template. The code in Rayleigh is well structured and commented, so it’s easy to make changes.
Also, I suggest this HTML tutorial for beginning: http://www.w3schools.com/html/DEFAULT.asp
OK this doesn’t look too hard to edit. However in Dreamweaver how can i enable it so that I can actually see what the code is doing in the design?
Do you think you could help me? All I am wanting to do is put a logo on and have a contact tab. Nothing more.
The design mode in Dreamweaver is messy, use a web browser instead to view the results.
I hope that this will help
Ok I have done this with both files. Could you please tell me how I can use my own address as the map on the contact page. finally How to get these files onto my website?
Enter your address on Google maps, then go to share and embed.
Embed the map (copy the provided link) in the contact.html ,into the <iframe> tag. Just remember to set the width to 100%.
To upload these files onto a website, download an ftp client and copy all of your files to your root folder on the server.
Best of luck, rate us
Hello, thanks for your support. I have uploaded the files but it doesn’t show anything on my site? www.elliottevans.com
Something went wrong with the upload. Please read this article: http://www.inmotionhosting.com/support/website/getting-started-guides/where-to-upload-files
Best regards, R6
I have uploaded the folder to public_html. Ive also deleted it and uploaded the files without a folder into public_html and still no joy?
No worries I have solved the problem. Only other this is how do I change the picture on the home page? can’t work it out?
Hello, I’m glad you’ve solved it. The easiest way to insert a background image is to replace the current in the img/slides folder, e.g. http://www.elliottevans.com/img/slides/1.jpg
Yes I deleted all the images in this folder and named the images I want 1.Jpeg which was what the previous image was named. However this hasn’t worked?
Please change the extension of your image to lowercase (JPG to jpg) and it will work
Perfect thanks. One final thing. The map i’ve copied the embedded link and pasted it in the contact page and looks fine, however once I upload the files it reverts back to the original map location provided with the template? hmmm…
I just checked your website and it works fine. Try to clean your browser cache (Ctrl+Shift+Del for most browser).
Answered in the comment above
Looks fantastic! glws
Great work, glws
just bought and tried to install this theme on a site but was met with this error message on the ‘THEMES’ section of wordpress:
“The following themes are installed but incomplete. Themes must have a stylesheet and a template.”
Can you tell me what went wrong?
This is a HTML template, the WordPress version is coming soon.
With kind regards, R6 Themes.
ah ok! thank you!
WHile i have you there
ive installed the site here: http://chessfusco.com/oakmount/
and if you take a look the icon for the menu and sliders are invisible – the link is there but icon isnt?
Your MIME type is wrong because your server type is Apache. Here is a fix instruction link for you.
i just downloaded your theme. i uploaded the files to my server to see what it looked like as the stock theme, however the menu icon doesn’t show up at all. i can hover the mouse over the area where it should be and i can use the button, but can’t see the icon… i’m on safari 7.0.2 on os 10.9.2 if that helps. I have also tried it in google chrome latest version on windows 8.1.
Thanks for purchasing our template.
Regarding the question, we used SVG-s as background images and most likely your server doesn’t register them as MIME types. Please try to paste the URL of one of these SVG files (example: http://www.yourwebsite.com/img/svg/menu-icon.svg) in this tool: http://planetsvg.com/tools/mime.php
It will give you further instructions on how to make your server recognize a SVG file.
Best regards, R6 Themes
Thank you for the help so far. I really love this theme!!!!
How can I create a background image that transitions from one image to another image in the background on the same page. So basically a slideshow behind the content on each page. I see that I can put a single background image on each page, but i’m looking to make it a little more dynamic. Any help is truly appreciated.
I wrote a little script for you so you can use dynamic background images: http://jsfiddle.net/r6themes/82nTg/1/
I bought the rayleigh template and tried to install it. but i get a error message: can not install the style.css is missing.
what can i do?
So ive gotten in and gotten my hands dirty and i really like this theme so well done!
I do have a question though:
If i wanted to link a portfolio item to the main menu so for example when you click the PORTFOLIO menu link the drop down you are presented with JOB 1, JOB 2 etc etc
Now if i click on JOB 1 it goes straight to that drop down screen that is under PORTFOLIO > 2 COLUMN > ‘BUILDINGS OF TOMORROW’?
Basically i want to skip a page and go staright into the job details…if possible?
We’re glad that you like it.
You can add a portfolio-full element in your homepage (index.html) like this: http://jsfiddle.net/r6themes/gGhTg/
Then, you can alter the portfolio-full call script in custom.js for this element (e.g. portfolio-item-example) like: http://jsfiddle.net/r6themes/gGhTg/1/
There are various ways to do this, it’s just an idea.
Best regards, R6
thanks a million for getting back to me so fast!
I checked those two links and the ‘Stay Tuned’ link dosent do anything….or am i missing something?
Should i be expecting the drop down page like when i select a portfolio item in the 2 column page in your theme?
Oh, this is just a code example and it won’t work without being implemented in Rayleigh.
My bad for not using Pastebin instead of JSFiddle
ok, so you tellin’ me to copy and paste those codes into the relevant files and run them in my site?
Yes, but a bit of HTML and jQuery knowledge beforehand would be useful as well.
Kind regards, R6.
Sorry chief, completely lost!
Copy the portfolio-2.html file, and give it another name, keep it in the same folder. Keep the default pagination in portfolio-2.html, and link those two.
no i dont think you got me, though i think thats down to my piss poor explanation! my bad!
On portfolio-2.html i am keeping the two jobs beside each other ( http://chessfusco.com/oakmount/portfolio-2.html ), so when i click on the first one it links to portfolio-2.html#portfolio-item-example
all i want to know is how do i do a separate one of these for the second job on that page?
Just create another portfolio-item-example, and it should look something like this:
And then link portfolio items to #portfolio-item-example-2
Hope this helps!
I have a question, it’s works for blogger?
This is a plain HTML template, it doesn’t work for Blogger.
Kind regards, R6
It seems to fix the issue with slow scrolling on IOS devices you have to change overflow for #main-wrapper as follows:
/* overflow: hidden; */
Thank you very much for your suggestion. We’ll definitely implement it in our next update.
Update 1.1 What’s New?
We fixed the scrolling issues on iPhone devices and made some minor changes in the stylesheet structure. You just need to update the style.css (or style.less) file.
Swiper slide is not currently working inside any Portfolio Item with the latest Internet Explorer. Did not try 9 or 10.
Do you have issues with the slider on the splash screen also, or only with Portfolio items?
We’ll look into this, and get back to you.
The Splash Screen slider works perfectly.
When I enter a Portfolio Item FROM the splash screen, all slider images are bunched to the left. When I Refresh, say on portfolio-4.html: then the arrows do not function when clicked (but I can now see the first image).
I believe the bug lies in there. Thanks!
PS. I am testing from the Live Preview (light)
We have “investigated” the whole IE11 ordeal. The loop function of Swiper makes a conflict. When turned off, it works perfectly.
We have updated our light version demo only, so you can check it.
However, we will not update the template at this moment, as we have yet to figure out an adequate solution to this minor issue.
Thanks for pointing this out to us.
With best regards, R6 team.
Thanks for the quick fix! However, there is still an issue when you access a Portfolio Item when starting from index.html. I can only assume some settings are applied when loading index.html , that are conflicting with the Slider in portfolio-*.html. See this screenshot:
When portfolio-2.html is refreshed, the slider works immediately. Good luck!
After further investigating the issue, we have come to the conclusion that the Swiper solely makes this conflict. There have been several reports of it’s compatibility issues with IE11.
We’ll report the bug to the creators of Swiper, and hope it’ll be resolved soon.
We have resolved the issue concerning IE11 with the new update.
With kind regards, the R6 team.
Great! Thanks for that, I’ve purchased now.
One last small request.. is there a way that you know of to shut looping off for ONLY ie9-11?
Thanks for purchasing our template, we hope you’ll enjoy it!
There are ways, we can only point you at the right direction
Hope this helps! Good luck!
No need! Looping seems to be functional again in IE with no errors. Thanks again.
Ah, there is some scrolling issues unfortunately. But nothing major. Will post if I find a fix.
Good to hear, let us know if you find anything buggy in IE.
Same with the scrolling issues. Thanks for sticking around.
First, you made a great template! Congrats.
I bought it just before your last update. As I see, this new release concern iphone scrolling. Could you tell me which files are concerned please?
Is it all including CSS or only some JS script? I
Thank you for your compliments!
You just need to update the style.css (or style.less) file.
Waouhhh, great job and fast answer !!!!
I will follow you. Your support is incredible
Many thanks and please keep on making us discover your work !!!
Many thanks, we do our best to address your concerns as swiftly as we can. We’ll continue doing what we do, and we hope people will appreciate it.
We also like stars
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details