Hi, I'm afraid I'm having a bit of trouble figuring out how to use this template in my rails app. I have lots of errors and struggling with lots of facets, but starting with the simple line icons, I'm wondering if you can help me out.

For starters, when I copy all the files into my rails app, I just get green circles with white squares in them (the icons aren't loading). I found a rails gem that integrates simple line icons so I tried using that -but now I just get blank green circles.

In the code, the services section has a reference to "data-icon". I want to switch the icon to "icon=lock". In the css file, you've described using a single class or separate classes for each icon. I can't follow how to change the icon in the circle in the code. Is there any documentation for how to do this. I'm struggling (big time).

Thank you
Hy, thanks for purchase..

Sorry for making you struggle with our template.

First, we're using Line Icon by Graphicburger:

you can use the generic selector, but it's slower:

Open file " css/lib/simple-line-icons.css ".
Hi yes - graphic burger ( i found a gem to try to use it instead of the css file but that didn't work either). When I'm in the css file, what do I need to change to make data-icon respond to a different icon? Everything is a white square at the moment (regardless of what's in the index). I want to use the lock - how do I do that? Is there something I need to change in the simple-line-icons css file?
try this?
<span class="icon-lock"></span>
or try using font-awesome..

<span class="fa fa-lock"></span>
Thanks. <span class="icon-lock"></span> doesnt work either (just shows a white square). Font awesome works but looks bloated (not thin).

<div class="services-item">
<div class="services-icon text-white text-center">
<span class="fa fa-lock"></span>
<!-- <span data-icon="" ></span> -->
<div class='services-content'>
<strong>Well, in this research</strong>
<p class='medium-text'>
<%= @project.solution %>

Is there something in your css file that styles the icon so they look neat?
No, we're not overwrite or change style from graphicburger's line icons.
Hi, I'm not sure what you mean by: "No, we're not overwrite or change style from graphicburger's line icons." I'm trying to figure out how to use the tools you're using. Is there an extra step not in the docs about how to integrate the plugins? None of the line icons work for me (graphic burger). I just get a square instead of the icon. I can get font awesome to work in the "our services" section, but not in the about section. I'm really trying to figure out how to use your code. Any help would be really appreciated.
i'm also struggling to get the Meet our Team section working. I've changed nothing in this section, and it displays the links to social media on top of the name of the person. Your view template renders properly on my screen. I can't figure out what's going wrong when I try to import the code into my project. When I use safari, there is a tiny gap between the user name and the social media links. In chrome, the links appear on top of the name. Do you know how to fix this?

It seems there is a problem with the menu bar , when I'm on the phone the menu is not collapsing.
What you think it would be the problem ?
What phone did you use?
(It's all about screen resolution to trigger the menu to collapsed)

Could you send me your site link please, so i can check it from here.

I test on iPhone screen and my Vibe X Lenovo phone. Everything is run well.
Hi! I'm finding the styling of this popular date-time picker is broken after installing HUJAN template. Is there another date-time picker which will play nice with your CSS stylings you might recommend by any chance?

Thank you!
Hey. I shake the template does not display pictures. It seems they are damaged. Or am I wrong?
It doesn't display any images because we are not include the demo images. You need to add your own images.


Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $15
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Labels: blog, business, corporate, form, fullscreen header, landing pages, mailchimp, one page, responsive
Released:2 years ago
Sold exclusively on WrapBootstrap


Signed up 5 years ago

Need an admin template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation