Discussion on Pages - Multi-Purpose HTML5 Website Template

Discussion on Pages - Multi-Purpose HTML5 Website Template

By
Cart 2,765 sales
Well Documented

ace supports this item

Supported

This author's response time can be up to 1 business day.

450 comments found.

hi there, i would like to add a video on background on sample 12 (hero background). i can not figured out how and also i would like to embed a video … please help

Hi there

Replied earlier :) and If you look at sample 16, We have a full width and height video block

hi, can you create more blocks ? and why not a generator ? thank you

Yes planing to add a builder :)

hi, is there a why to add (embed vimeo, yoututbe, wistia …) videos? i can not see any video block …

Hi there

You can :) And its quite simple

    <!-- BEGIN JUMBOTRON -->
     <iframe width="100%" height="100%" src="https://www.youtube.com/embed/Scxs7L0vhZ4" frameborder="0" allowfullscreen></iframe>
    <!-- END JUMBOTRON -->

thank you i though that there was another way not iframe …

For youtube videos, I think we should use there embed code :)

Hi Pages, I have a question about slider on this page: http://look-serious.com/web-ready-tsg/home-project-5.html# it seems to “wobble” is the best way I can describe – in Firefox. it loads only to 80% width in Chrome on the initial slide (during PageLoad) Can you please help me with this?

Thank you.

(solved)

Hello, how to operate portfolio Thanks

Hi there

What would you like to do to your Portfolio ? :) I can help you out

Hello, where is PHP mailer please. the contact form doesn’t work.

Thanks

Hi there

We do have integrated it, Can you let me know your Github username ? I will add you in so you can download the latest version

Hi ace,

regarding the commment:

deimosarre 24 days ago Hello, amazing theme. however the main slider (let’s say sample 01) dont work in safari, do you guys have a quick solution… ty!

Is there a solution? Because on IOS Iphone 5 with Safari is the error, that the Screen 100vh did not work, and the first image is only 5 px height. ALso there is a problem with the bottom navi an the space calculation of the right height.

<section class="jumbotron full-vh" data-pages="parallax"> <div class="inner full-height"> <!-- BEGIN SLIDER --> <div class="swiper-container" id="hero"> <div class="swiper-wrapper"> <!-- BEGIN SLIDE --> <div class="swiper-slide fit bg-complete"> <!-- BEGIN IMAGE PARRALAX --> <div class="slider-wrapper"> <div class="image" data-swiper-parallax="30%"> <div data-pages-bg-image="assets/images/titelbild_haeuser.jpg" data-bg-overlay-class="bg-white" class="full-height" /> </div> </div> <!-- END IMAGE PARRALAX --> </div> <!-- END SLIDE --> </div> </div> </div> <!-- END SLIDER --> </section>

Try yourself in Safari or IOS.

http://pages.revox.io/frontend/1.0/html/07/

Kind regards Ronny

Hi there

Checked on iOS 7 iphone 5 seems to having a problem, What is the version of your iOS ? :)

Hi ace,

yes sure, the IOS Version is 7 on an iphone 5. But also on other safari devices the calculation for the image did not work properly. because on the bottom of the image, after the navigation, is a 30px visible area of the image.

As a fix that works fine, I’ve added a special class special-jumbotron and added some javascript.

$('.special-jumbotron').css({'height':(($(window).height()))+'px'});//on load $(window).resize(function(){ // On resize $('.special-jumbotron').css({'height':(($(window).height()))+'px'}); });

Yes :) JS is a solution, I will get a proper fix for everyone.

pages.frontend.js:11 Uncaught TypeError: $ is not a functionPages pages.frontend.js:11(anonymous function) pages.frontend.js:244(anonymous function) @ pages.frontend.js:247

:(

Hi there

That can not be! :) Themeforest does not approve it with errors & I did check it up in all demo links, Seems to be fine.

Is this happening on your copy ? or in the live site as well ?

Ah my fault, sorry brew. :)

hi there, I tried to autostart and loop the swiper, using the code above . all good until the loop, the 1st slide after the loop is missing the background image. it’s a solid color instead. can you help?

Hi there

Sorry about the late reply, Can you share your code ?

hi basically I just use “sample 03” with very mminor changes: replaced background image and added “loop & speed” parameter on custom.js. The swiper loop is fine for 1 time, and after that, the 1st image is not showing up, there is a solid color bg instead

Hi there Sorry about the late reply, the loop attribute Triggers an issue, I’m fixing it right now :)

Hello, I would know if I can join pages, copy elements of a page and paste in another.

Thank you!

Hi there

You wan to copy a block from demo 01 and past it to demo 02 pages ? Sure :) you can. Let me know if you face any trouble

Where do I set ‘loop’ to true to make last slide go to 1st. I tried in custom.js but all I get is a blank slide in between last and 1st slides. I tried this in the sample code and had the same result.

How do I set the slides to automatically change after a set time, that is I want the slides to change without having to press the next button.

Hi there

Sorry about the late reply :)

var slider = new Swiper('#hero', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView: 1,
    parallax: true,
    speed: 1000,
    loop:true,
    autoplay: 3000
});

Try the attribute

loop:true, autoplay: 3000

You can refer more on

http://www.idangero.us/swiper/api/#.Vh6ZQhArI2I

Hello and thanks for a great template!

This might not be included in the support but I got a question:

Is there a way to make the mobile-menu disappear once I click on a link? I use your template as an one page and it would be great if there is a way to fix this.

You don’t need to answer if it’s beyond the included support.

Thanks again, Sonny

Hi there

Yes :)

You can use the following code to close the menu

$("body").removeClass("menu-opened")

And you can have something like this to close always on click

$(".menu a").on("click",function(){
$("body").removeClass("menu-opened")
})

Works great, thanks!

Hi ace,

i really like your theme, many thanks for the great work. I have one important question left: You have quiet nice pictures in your sample blocks and I’d love to use some of them with your template, but what are the licenses of these? Are they free for commercial use or included in your template? If not, can you show me the source to get the pictures for myself?

Thanks, Thomas

Hi there

Its from

https://unsplash.com/

You are free to use it :)

Hi ace, thanks, that’s good to know. Does this also count for the bg_elements in samle 11? E.g. the iPads, earphones, coffee and so on? I really love the slider with these elements :-)

And I can’t stress it out enough: very nice work! It’s a pleasure to work with this template!

Hi there

Sorry about the late reply :) Yes they are also free to use

Hi, is the form working right now? That you and hope to hear from you soon.

Hi there

Hope you had a great weekend, Do you have a github account ? I will add you in so you can get the contact php mailer :)

yes, I have. Same username kywong85. Thank you.

Sent you an invite :)

Hi, am having trouble merging the frontend template and the admin template.When can ew have the pages.all.css you have mentioned? And please respond to my prev question too about forms getting cut off based on mobile screen size.

Hi there

Sorry about the late reply, We are updating pages :) How can we help to make it work ? What is the issue your facing ? and I hope your previous problem got sorted out.

Hi, a simple parallax page behaves differently on mobile versions, the form field are cut off to the screen size.

http://pastebin.com/DNHjRQrS

I believe it is something to do with full-height class? or am i missing something here?

And its the same with a chrome browser (resized) on pc

Hi there

Sorry about the late reply. Yes correct. your jumbotron should have the following classes

 <section class="jumbotron last full-height xs-full-width z-index-10" data-pages="parallax" data-pages-bg-image="assets/images/Hero.jpg">

</section>
xs-full-width

Will help to reset height problem on mobile :)

Yes, that seem to have solved the problem. Thank you. But the background image does’nt span across the page, when i scroll down the background goes white in areas where there is no content

Hi there, how can i make the footer sticky?

Thanks

Hi there

You mean something like this http://pages.revox.io/frontend/1.0/html/18/

Hi there, Yes, but without the parallax effect. Just the image, form and a footer. How can i get that?

Hi there

You mean to say something like this ? :)

https://gist.github.com/teamrevox/0fa02126853bf315fd25

Hi there,

None of the links in the documentation seem to work and I cannot find the colour.php file that it refers to for changing the colour scheme?

Kind regards, James

Hi there

I’m sorry about that. You can find the Dashboard doc useful :) http://pages.revox.io/dashboard/latest/doc/#color

We are in the midst of updating.

I have purchased both the front and admin version of Pages. How do I integrate them as well as setup http://codecanyon.net/item/sitebuilder-lite-dragdrop-site-builder-and-cms/full_screen_preview/9335954?_ga=1.213594260.1051534820.1439787869

Hi there

Thank you for purchasing! :) There were a couple of request on it. Shall I prepare a guide ? on Medium.

You can follow us here

https://medium.com/pages-tutorials

Yes, please prepare a guide for both. Thank you.

On it :)

Hi Ace, I am just curious when a ThemeForest update will be available for this item – I have been long awaiting this and I am looking forward to seeing whats new. Thank you!

Hi there

Thank you waiting! :) I think you might have got mixed up or miss understood the update is for Pages Admin Dashboard. But that doesn’t mean Pages frontend is not getting updated. It is, we are planing to update Pages dashboard first as we didn’t release an update in a long time. Once that is through this week. Pages frontend will have some new blocks and PSD lining up.

ok great, Thank you, I am looking forward to it!

Thank you for understanding! :) Do let me know if you need any help with Pages frontend. We are happy to help.

Hello I’ve purchased “Pages Multi Purpose HTML5 Website Template” Now I have a question: How can I change the size of an icon?

I made the following

Normal size: “i class=”fa fa-cloud-upload” >” -

bigger: “i class=”fa-2x fa-cloud-upload” >” - but when i do this I just see a rectangle and no icon

Thank you for help!

hello, I have both inside my project and there is no not found error for this css when I look inside my browser.

Still it is not working in normal size there is nothing wrong (if something is missing class=”fa fa-cloud-upload” should be also not working, am i right?) Is there any other suggestion you can give me for this problem? thank you for your help :)

Hi there

You forgot the class “fa”

fa fa-2x fa-cloud-upload

thank you! it works!

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