Gaia Bootstrap Template Pro

Gaia Bootstrap Template Pro

Premium Bootstrap Template
· 4.80/5 (41 Reviews)

License

303 Downloads
19 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 1 year ago

60 Handcrafted Components

3 Customized Plugins

9 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

We are here to help you!

19 Web Developers commented on this product

Report issue

jgregmcverry
  • downloaded
10 months ago

I see make sense. I love your themes.

jgregmcverry
  • downloaded
10 months ago

This is line 216 of gaia.js showModal: function(button){ var id = $(button).data('target'); var $project = $(button).closest('.project'); var scrollTop = $(window).scrollTop(); var distanceTop = $project.offset().top; var projectTop = distanceTop - scrollTop; var projectLeft = $project.offset().left; var projectHeight = $project.innerHeight(); var projectWidth = $project.innerWidth(); modal = $('#' + id); $(modal).css({ 'top' : projectTop, 'left' : projectLeft, 'width' : projectWidth, 'height' : projectHeight, 'z-index' : '1032' }); $(modal).addClass('has-background'); setTimeout(function(){ $(modal).addClass('open'); },30); setTimeout(function(){ $('body').addClass('noscroll'); $(modal).addClass('scroll'); },1000); $('.icon-close').click(function(){ $project_content = $(this).closest('.project-content'); $project_content.removeClass('open scroll'); $('body').removeClass("noscroll"); //$('a').removeClass('no-opacity'); setTimeout(function(){ $project_content.removeClass('has-background'); setTimeout(function(){ $project_content.removeAttr('style'); }, 450); },500); }); }, I can't find what I need to change.

jgregmcverry
  • downloaded
10 months ago

I can throw it up on a quick github repo if that helps. This has been driving me crazy trying to figure out.

dragosct
  • owner

I made some changes for you in your javascript file and I will give you the link and you must overwrite the code and after that please try to see if it will work. Please visit this link https://www.dropbox.com/s/ygahcxt6yo8ke88/gaia.js?dl=0 Regards, Dragos
10 months ago

jgregmcverry
  • downloaded
10 months ago

Thank you so much. I replaced the file and don't see the error in console anymore. The menu works in the mobile view of console but still not on any of my devices. I will keep hacking away a it and see what I can find.

paulrqv
  • downloaded
9 months ago

Hello Would you be able to tell me how to replace the navbar-brand text with a logo instead? Kind regards Paul

dragosct
  • owner

Hi, @paulrqv ! Thank you for using our products. To make that you can add inside of the navbar-brand div another div with class .logo and inside of this div you add a img tag with the image that you want and after that on the class .logo in css you have to put the following lines of code: width: 46px; height: 46px; border-radius: 50%; overflow: hidden; Regards, Dragos
9 months ago

paulrqv
  • downloaded
9 months ago

Thats great, thank you.

1243194544
  • downloaded
5 months ago

it's a beautiful template but the page is too little, I can find only blog post page and blog posts page, I wan't a home page that can show the blogger's information and his all blog posts, but i can't find it.

dragosct
  • owner

Hi, @1243194544 ! Thank you for using our product and for your kind words. I think you can use the About Us page or Portfolio page for that you want to do. Regards, Dragos
5 months ago

empowerda7os 3 months ago

Hello! I'm interested in buying this template for a client that it's going to be using the blog but doesn't know anything about HTML. To create content in the blog does she need to access to the code of the page? Or how does it work?

dragosct
  • owner

Hi, @empowerda7os ! Thank you for using our products. If the client wants to leave the layout like it is now, yes she can replace only the text with what content she want and that's it. Regards, Dragos
2 months ago

jesusopezbp7
  • downloaded
24 days ago

Hello I have a problem, when applying the parallax class to two div of the same page, only one works, the others are no longer applied, this in chrome, in safari and fire fox if they apply to all the elements that have the parallax class . How can I make you look good in chrome?

dragosct
  • owner

Hi, @jesusopezbp7 ! Thank you for using our products. Please go to the assets/js/gaia.js and search for the checkScrollForParallax function and inside of this function please remove this if(isElementInViewport($content)). Regards, Dragos
23 days ago

You have to be logged in to post a comment. Login here.