136 comments found.
I have just bought. Do you know any utility to generate later a pdf with document created? Thanks
You can use Chrome “save to PDF” when you attempt to print the page.
where can i find a description of the css elements for the grid (ex: class=”col-md-6 col-sm-6”
OK, found it … bootstrap … on WS3
Great, or you can check the official documentation: http://getbootstrap.com/css/#grid
Hi, I love the template! I’d like to add hover over dropdowns on the index, in the navbar. Can I use standard bootstrap classes to accomplish this?
Hi,
Yes, TheDocs is based on the Bootstrap. So you can use any utility class from Bootstrap. Also, you can place your custom css style inside custom.css file.
Can you please give me a little guidance on how to install the HTML only version in to a standard Tomcat Web deployment ? copy what files , where… etc. thanks !
Noting need to install. It’s html template, you can edit html files and see them in your browser. To get start, you should start from Starter-kit directory. There is a guidance on how to getting start: http://thetheme.io/thedocs/#getting_started
So, I went ahead and bought the theme in a hurry to only realize i did not buy the version with Wordpress. Is there ANY WAY you could help me get a refund on this to buy the wordpress template please?
That’s fine. You can request refund from here: https://themeforest.net/refund_requests/new
When I scroll to the bottom and the footer appears, I see a letter “x” just above the footer on the left (above “Copyright”). Do you know what is causing this? Thanks.
Nevermind, it was a rogue character in the html file.
I like the theDocs template so far. Thank you for your efforts. What is the purpose of the link icon next to h2 tags? How do I get rid of it if I don’t need it? Thanks.
Thank you.
It’s a convenient way to refer your customers to a section of a page. For example, if you ask me what’s included in the download package, I can give you two different answers:
1. Open http://thetheme.io/thedocs and scroll down to What’s included section
2. Open http://thetheme.io/thedocs/#what_included
As you can see, the second way is a better answer in this case.
If you want to remove the # character, simply add following code to your custom.css file:
h2 a::before {
display: none;
}
But if you don’t need a link at all, remove ID attribute from your h2 tag. You can extend this answer to h1 and h3 as well.
ive tried to make this rtl but i didnt success. maybe can you help me with this?
btw: the css file is very big and uneditable due to minified edition, how should i work with this in that matter? it stucks the whole ide
thanks.
Unfortunately, we don’t support RTL writing for this template.
You can find unminified version of css file and all scss files in “Source/src/assets/css” directory. Hope it helps.
hey, all i find in the directory you pointed me is just the same big minified css and lots of colors css which are also minified.. i dont find a way to edit those css so it will be rtl.. can you hlep me with this? i need this rtl out of the code and pre tags that wil remain ltr.
You’d better to write your changes in custom.css file instead of directly change theDocs.css, because you can’t update your template in future releases.
Regards helping you to support rtl, unfortunately I haven’t any experience in creating rtl templates.
what is this css file you sent me? it doesnt even work at all.. all page get crashed when i set this up. please give me a proper css file so i can edit this template.
and if you can to update an rtl releae it would be even better, but the minimum is setting a proper css files.
Sorry about that, I thought you only need unminified version of our css to look at the code. So, Bootstrap and other plugins wasn’t included. Use following one which has all included:
https://www.dropbox.com/s/z84dysnk5jefj23/theDocs.css?dl=0hey its good but i still have problem.
while im using the tool cssjanus from github, it makes the whole components of the page to be rtl but i need the code to remain ltr. ive tried to seperate the codes of the code and pre tags to another css page but they are still rtl..
maybe you can help me with this and provide me with the bootstrap code stand alone and another code which is not minified that all components are rtl but not the code and pre, i need them ltr.
thanks.
Good news. I haven’t tried the tool you are using. So if you can upload a demo and give me a link to your page, I’ll check it and will try to help you.
This seams to be fine! Code is ltr. Maybe the space before each line made you think it’s still rtl. The spaces is because you have spaces inside <code> tag. For example, you should change your code from:
<code class="language-css">
.text-primary { color: #2196F3; }
.text-success { color: #4CAF50; }
.text-info { color: #29B6F6; }
.text-warning { color: #FF9800; }
.text-danger { color: #F44336; }
.text-purple { color: #6D5CAE; }
.text-teal { color: #00BFA5; }
.text-gray { color: #bbbbbb; }
.text-dark { color: #424242; }
.text-white { color: #ffffff; }
</code>
To:
<code class="language-css">.text-primary { color: #2196F3; }
.text-success { color: #4CAF50; }
.text-info { color: #29B6F6; }
.text-warning { color: #FF9800; }
.text-danger { color: #F44336; }
.text-purple { color: #6D5CAE; }
.text-teal { color: #00BFA5; }
.text-gray { color: #bbbbbb; }
.text-dark { color: #424242; }
.text-white { color: #ffffff; }
</code>
It means no space before each line, except if you need indention.
Hi, I’m using your template to create documentation about a job. I will create it as one page and I can not fix the menu. To be one page the menu is sticky with class .sidebar-line but I do not get that through javascript add or delete class active, I only have basic notions of javascript
<aside class="col-lg-2 col-md-3 col-sm-3 sidebar sidebar-line ">
- Inicio
-
Configurando Servidor
- Droplet DigitalOcean
- SFTP
- Plugins Basicos
-
Configurando
- Cómo instalar
- Vista General
- Opciones generales
</aside>
Hi,
Have you checked our fixed sidebar layout? Probably you’re looking for something like this: http://thetheme.io/thedocs/layout_single-page-2.html
There are several single page layouts which you can check as well.
Hi, I have it as exposed. Can you adapt the following plugin https://github.com/gfranko/jquery.tocify.js to the menu of your template?
Hi,
We’ve already implemented such a functionality in our template! All of our single page layouts have this functionality, but with different style. Please look at the following pages and see different styles of your required functionality:
http://thetheme.io/thedocs/layout_single-page-1.html http://thetheme.io/thedocs/layout_single-page-2.html http://thetheme.io/thedocs/layout_single-page-3.htmlTheme won’t install:
Installing Theme from uploaded file: themeforest-13070884-thedocs-online-documentation-template.zip Unpacking the package… Installing the theme… The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed.
Oops. I too bought the HTML version instead of the WordPress theme.
Yes you did. I’ve just accepted your refund request 
Do you plan on updating this template to bootstrap v4?
Chances are few. At this point we should say no, we don’t upgrade.
I bought this theme yesterday. English character is not the mainly characters on my site, so which file and statement I should modify to support another font? Thanks very much.
<link href='http://fonts.googleapis.com/css?family=Raleway:100,300,400,500%7CLato:300,400' rel='stylesheet' type='text/css'>You can load your desire Google Font by modifying this line. Then, you should update your CSS file to use your selected font, for example:
body {
font-family: "Your Selected Font", sans-serif;
}
Thanks.
hi, I have another question, does this theme support drop down menus? just like this one: http://getbootstrap.com/javascript/#dropdowns
Hi,
Yes, of course. TheDocs is based on Bootstrap, so it supports all of Bootstrap components.
Thx, but it does not work well. You can reproduce this bug on http://gameinn.net/dropdown/test.html. The drop menu will display immediately when i click on ‘DROPDOWN TEST’, but if I click on other area, the menu DO NOT disappear immediately.
.navbar-default .navbar-nav>.open>a {
color: #777;
background-color: #fff;
}
The footer appears off page when there’s not enough content to fill the page. I’m seeing that here:
http://shamsoft.net/thedocs/page_faq.htmlMy browser info: Version 53.0.2785.143 Built on Ubuntu , running on LinuxMint 18 (64-bit)
I also see the same behavior in Android Chrome (when in Desktop model).
It’s because of a miss calculation for the height of main-container. We’ll update the template in a couple of weeks and fix this issue as well. Thank you for reporting it.
Hi,
I just bought this item:
purchase code: 472fa62d-9629-47bb-84a1-2de3bf47aca5
Unfortunately I messed up and bought the HTML version and not the WP version that I wanted to buy.
Are you the one dealing with refunds or someone else?
Thank you
David Koves
Hi,
Yes, you can. Just go to https://themeforest.net/refund_requests/new and submit your refund request and I’ll accept it.
When I am using the boxed Sidebar, and I click the menu link on the left. The menu will closed (not expand and no highlight) after go to that page. How can I make the current menu link highlighted?
Please check the code once more in the layout_sidebar_boxed.html file.
To make a link highlighted, you should add “active” class to the element. And to make a sub menu expanded, you should add “open” class to the parent element.
Thanks, is that means if I want to add a menu, I’ll have to change all menu in each HTML?
Yes, it’s same for all HTML templates, unless you develop a dashboard and do it programatically (e.g. Wordpress menus)
It’s common practice with templates to provide both minified and unminified JavaScript sources. It’s obviously impossible to debug or reason about behavior with only the minified version.
You are right. While you have access to unminified versions in the “Source” directory, we will place an unminified version for the starter-kit in the next version as well. Meanwhile, you might want to combine “Source/src/assets/js/theDocs.all.min.js” and “Source/src/assets/js/theDocs.js” to create theDocs.all.js
Good idea!
I’m trying to load this into my themes in Word Press and the it is telling me that it can’t find the style sheet. Any help is appreciated
Seems you’ve bought the HTML version but looking for Wordpress one. You can purchase WP version here: https://themeforest.net/item/thedocs-online-documentation-wordpress-theme/16135997
Is there a trial version? I’d like to test drive it first if possible
I don’t think so. Since the developer of WP version is another author of Themeforest, you should consult him regards WP version.
Why does the left menu of index.html slide down too far when you scroll the page? It cuts off the bottom of the menu on some browsers.
Just start the scrolling down of the page and you can see that the menu items jump down in every browser. If you try it with Internet Explorer it won’t disappear at the bottom, but you can see the entire menu (on the left) jumps way down rather than stay at the location when the page first loads.
We expect to solve this problem in the next release. If you have a lot of menus, maybe you want to take a look at “boxed sidebar layout”: http://shamsoft.net/thedocs/layout_sidebar_boxed.html
Just as gsw85 said “so when the height of the left menu is more than your screen size, you can scroll down to the end to see the all the left menu.” It would be nice to have this option, as right now the menu system is very limiting for having a larger documentation system with a deep sub-menu.
You’re right. As I replied the other comment, we’ll provide a scrollable sidebar in the next release to address this limitation.
Hi,
I have a small problem with the template. When I am using
with proper class and code inside it, it does not reneder as it should. On the upper right there should be name of the programming language and copy button. However it is on upper right of the whole website. If I use it for 2nd time it renders ok. I am using safari and macbook air. You can see it at www.docs.webotvorba.sk name: webotvorba pwd: webotvorbaHi,
Thank you for reporting this problem. add the following code to your custom.css file:
pre {
position: relative;
}
Thanks. It works
There have 5 stars for great work and support 
Thank you so much 