211 comments found

Joemary Purchased

Hello,

I would like to know how to change the swiper-pagination-switch shape from rectangle to circle?

Thank you!!

FamousThemes

Hi,

In the main style.css file you have the pagination format

.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #222;margin-right: 5px;opacity: 0.5;cursor: pointer;}
.swiper-active-switch {background: #fff;}

To change it to a circle design, you have 2 options

1. Add round corners in CSS

2. Add a small round bullet image and use it as bg image for the pagination links.

Regards.

gmlyra Purchased

Hi, thx for this awesome template i really enjoy it.

But i need create a modal on the screen to make a Form how can i do that once i tried to use Bootstrap Js to create modal and doesn’t show the modal on the screen.

Regards.

FamousThemes

Hi,

We did not tested Bootstrap Js to create a modal on this item.

But any good functionality js code will work as long as it’s correctly added. Also make sure that the js functions added are compatible with the js functions of the theme. And add the js code in the correct place.

Regards.

When the new version is releasing with multiple skin on each page as was explain in comments.

FamousThemes

The update was just released. See the latest comment or the item description.

Default-user

ok thanks for the quick reply.

UPDATES – 04 December 2014 – Template version 3.0

1. Multipage version added. All pages content is loaded with jquery/ajax to keep the app feel and functionality.

2. Updates to onepage version navigation. All links from the menu are now individually editable allowing to add any action on any link.

rodyz Purchased

hi,

is it compatible with phonegap?

FamousThemes

We did not test it, but a lot of users send positive feedback.

We also have in plan testing it.

Regards.

thomsol Purchased

So, I downloaded this, and haven’t tried it on a phone yet, but loading it into my browser (Safari), on the multi-page, no page changes are occurring. I get the spinning wheel, but it still re-directs to index.html#blog etc, rather than loading blog.html

FamousThemes

Hi,

In the download the exactly js files are available as in the demo. Just checked.

Yes you can download the online code.js file. Just use the browser to view source code online.

As for “as it appears to be appending the ”#content” to the index.html” this is the corect behaviour. It will not switch the index.html to about.html. Just load the page extension to index.

Let me know if that will change something.

Regards.

Default-user
thomsol Purchased

OK… found the problem, and it was on my end. I had just downloaded and launched from the file system, where things used to run fine, but not the paging. When I copied to the web server, then things worked. Just an FYI, in case you get this question again.

FamousThemes

Glad it works now.

Thanks for the feedback.

Hi

Got a new problem. We are trying to add a universal footer (not in each page_container section) but could not figure out the way to do it. Also we want to make it stick to the bottom of the page. Any suggestion for this design?

Thanks!

FamousThemes

Hi,

You can do that but will require some small js and HTML work.

1.Do you want like the footer to stay fixed over the content at the bottom just like the header does? 2. Do you want it to appear just for some sections, not all secondary ones?

Maybe I can help with some small code example here if you will tell more about that.

Regards.

Default-user

Hi,

For your questions: 1. It should be always sticky to bottom but not fixed (after all of content). 2. We want it appears for all sections (that’s why we prefer making it universal, not a snippet appended to each section)

FamousThemes

Hi,

So the footer should not be added after the content.

By fixed I meant to stay hover the content. When you will scroll the page content the footer to stay over the content sticky/fixed to the bottom screen of the mobile right?

2. All section, including the first menu/icons section?

Hi, Thank you for nice templates. I just got it but can you please add login page design & Tabs option at bottom…

FamousThemes

Hi,

Thank you for buying it.

The tabs options should link to what? Other sections?

We will consider in adding them in a future update.

You can give more details about the things you want, so we will add them.

Regards.

Default-user

Hi, Yes the tab should linked to new page and login page like this https://itunes.apple.com/ae/app/breeze-uae/id535729255?ls=1&mt=8 & Tab page like https://play.google.com/store/apps/details?id=com.scb.ae.bmw&hl=en but should be an option to put on top or bottom .. i can pay some extra amount for this as well but let me know if it’ can be possible..

FamousThemes

Hi,

Thanks for your suggestions. We cannot make this customization just for you right away because we have a program to follow now. If you want it in a very short period you will have to hire a freelancer from “Envato Studio” website.

But we will consider in adding an option like this in the next update of the template. You will use it for free. At that point all you have to do it to download the item again (free from your account)

Regards.

Hi

I’m using the new multipage version with the “slider” theme. Really cool layout. I have set up and formatted all my pages. On the Contact page I had to implement the PHP SMTP mailer instead of the mail() function. All that working good now. I do however want to implement the reCaptcha function on the contact form. I have tried both the javascript version and the noscript version with no success. The reCaptcha never shows up. I have verified my captcha code in a blank page on the server and both the javascript and noscript version shows up. Any idea how to implement this on the contact form?

Thanks

Eivind

FamousThemes

Hi Eivind,

Where did you add the execution function for the capcha. The javascript code ?

As you notice, being an ajax pages system all the functions are executed in code.js file.

The functions are loaded normally inside the HTML file, in diferent js files and executed inside code.js under
function homenavclick() {    

......

  function showNewContent() {

......HERE.......

.....}

So after the home button links are clicked (function showNewContent()....) the functions are activated for the secondary pages.

There you should add you captcha js code.

We did not test this, but I guess the captcha should work fine.

Regards.

hpatil Purchased

I purchased this item but it doesn’t have dropdowns. pls help me with getting dropdown theme

FamousThemes

Hi,

Can you be more specific about dropdowns? On the menu or where you whould like them to be?

I don’t see where dropdowns can be used here.

Regards.

Hi, i have a problem with the gallery content. I’m using a single version for different pages. After to get some photos from my web url with json , when i try to touch on a photo, it is showed in another browser page. it seems like the particular css for gallery doesn’t hear the call by clicking on a img tag…Can you help me… this is the code index .html <div class="pages_container" id="bodyGallery"> <h2 class="page_title">Gallery</h2> <div class="portfolio_item radius8"> <div class="portfolio_details"> <h4><a href="#" onclick="espandiGallery('27-11-2014');">27-11-2014</a></h4> </div> </div> <div class="clearfix" /> <div class="scrolltop radius20"><a href="#"><img src="img/icons/top.png" alt="Go on top" title="Go on top" /></a></div> </div> Here where there is the gallery get from json <div class="swiper-slide sliderbg"> <div class="swiper-container swiper-nested"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-inner"> <div class="pages_container" id="bodyListGallery"> </div> <!--End of page container--> </div> </div> </div> <div class="swiper-scrollbar" /> </div> </div> this is the json code function espandiGallery(nome){ var response = $.ajax({ type:'GET', url:'http://xxxxxx.com/app/get_dettaglio_gallery.php?nome='+nome, dataType: 'json', success:function(response){ var url = 'http:/xxxxxx.com/img/gallery/'; var listSubNews = $("#bodyListGallery"); listSubNews.append('<h2 class="page_title">'+nome+'</h2>'); listSubNews.append('<ul class="photo_gallery_13">'); for(i=0; i<response.length;i++){ var directory = response[i].dir; var foto = response[i].nome; var li = $('<li><a rel="gallery-3" href="'+url+directory+'/'+foto+'" class="swipebox"><img src="'+url+directory+'/'+foto+'" /></a></li>'); $(".photo_gallery_13").append(li); } listSubNews.append('</ul>'); listSubNews.append('<div class="clearfix" />'); listSubNews.append('<div class="scrolltop radius20"><a href="#"><img src="img/icons/top.png" alt="Go on top" title="Go on top" /></a></div>'); swiperParent.swipeTo(5); } }); }
by
by
by
by
by
by