25 comments found.
Hello,
Beautiful and functional theme, my congratulations! I made my portfolio with him. There is one problem: the subscription form doesn’t work. What to do? Please, help.
Regards Anna
Hello. Can you please contact with me?
Hello. For your Dot project. Is it possible to extend design? I need some extra pages with extra payment of course. Do you accept? Thank you.
Hi,
The file “bootstrap.min.css.map” (source map) is missing from the package, so it shows 404 errors in my console.
Can you provide me that file for bootstrap version 3.3.6?
Many thanks,
Didier.
This source map is also missing in the package: lightbox-plus-jquery.min.map
Hi, would love to fix this issue for you and sorry for the inconvenience. Before I get into this can I please get the purchace code as I’m not seeing a purchased / supported tag on this comment.
Thank you.
Tengo un problema, me aparece el siguiente mensaje:
No se ha podido descomprimir el paquete. La hoja de estilos style.css no tiene una cabecera válida para el tema.
Lo intente instalar directamente desde el Wordpress y no funciono. Lo instale en el FTP en la carpeta Themes y no funciona.
Saludos
Hi santiagosolis,
We’re sorry for the inconvenience but this item is not a WordPress theme, as you can clearly see in the category of the product. This is a HTML template which is completely different from WordPress, it is a completely different format. Please do not forget to check the category of an item carefully before purchasing an item. Because like us, many authors don’t refund mistaken purchases.
Best wishes.
Hi, I like the template and considering a purchase, but I’ve got a question. Does the license allow me to modify the template to make it works with a Wordpress installation? My main website will be clean HTML, but there’s also a blog and a store hosted on a Wordpress engine which I would want to adjust to be the same design as the main HTML website. Would I be allowed to use the templat that way?
Also one more technical question, which template from your offer uses the least number of additional librarties which would make website slower and heavier for users?
Cheers, Rafał
Hi, Regular license allows you to use and modify one copy of the item which can be used by you or one client.
All of our templates are created using Bootstrap and Uikit but they load pretty fast.
Best regards.
Greetings. I was fortunate enough to be able to download this as a freebie.Thank you. I downloaded it June of 2019. Is there an update? I tried to download it again, but it shows a price. So, here are my questions: 1. How do I download this again to get the updates, if any. 2. Is this a one page website? 3. When using the menu, does it scroll to that area, like a one page website does? I’d like to apologize for such novice questions. But then again, I’m sort of a newb. Thank you so much for your help.
Sincerely, Lisa
Hi,
1. That was an one time offer from Envato, so you have to purchase a new copy. Also, there are no significant updates.
2. Yes.
3. Yes. You can check out the demo to see how it works.
Best regards.
Just wondering if it’s possible to easily have a MP4 video run on a loop for one of the windows for Portfolio Styles Column 02? (Rather than have to click on the window in order to open the video.)
TIA!
I’ve searched everywhere on the documentation and all the templates and couldn’t find a solution for this very simple concept:
For portfolio.fullscreen.html, I would like to be able to click on the image, which will launch a video. Very simple but can’t find the source code.
Much appreciated!
Hi, Thank you for choosing our product.
Just use data-uk-lightbox instead of data-lightbox and you’re good to go.
Example:
Before:
<a href="url/image.jpg" data-lightbox=""> ... </a>
After:
<a href="url/video.mp4" data-uk-lightbox=""> ... </a>
Hope this helps. Thanks again.
Best Regards.
Amazing! Thank you as always for the superb response!
You’re welcome!
Hello, what software package is good for editting HTML5 website? Thanks
Hi mistatunde,
You can use a text editor like Notepad++ or Sublime Text. There are many options to choose from. We use Notepad++
Best Regards.
Hi I´ve uploaded the theme (rar and folders separeted) and in both cases there´s and errar message.
Uploading the rar file: No se ha podido descomprimir el paquete. El tema no tiene la hoja de estilos style.css. La instalación del tema ha fallado.
Uploading folders (“dot_documentation” and “dot_main_files”): dot_documentation: Falta la hoja de estilo. (stylesheet missing) dot_main_files: La plantilla no está disponible. Los temas necesitan un archivo de plantilla index.php. Los Temas hijo necesitan una cabecera de plantilla en la hoja de estilos style.css.
Can you help me, please? Sorry for my poor english! Regards, Ariel
Hi, arielfrusin
We’re sorry for the inconvenience but this is not a WordPress theme this is a HTML template.
Best Regards.
Hello,
Just one more question: I’m trying to edit the main navigation’s spacing so that there’s more margin space on the right side. Can’t seem to locate the source code line for this in style.css.
Would you be able to advise, or would this qualify as a custom-option?
TIA
Hi, mick33
Find this bit of code in the main stylesheet:
.navigation {
background: rgb(255, 255, 255);
padding: 15px 2.5% 15px 2.5%;
z-index: 999;
}
You can increase the padding to the right if you want more space there. For example:
Before:
padding: 15px 2.5% 15px 2.5%;
After:
padding: 15px 5.5% 15px 2.5%;
Best Regards.
hello and thx for your great work! i love your layouts! i’ve purchased dot, but i miss highly a scroll_top function in the right bottom-corner. isn’t there any or am i too silly to find it? thank you for helping and best regards!
Hi ulstx7,
Thank you for choosing our product and for the kind words. You are absolutely NOT silly to find it because unfortunately, that function is not included in the template. Maybe in the next update we will add that in. We’ll make sure to inform you about it.
Regards.
thank you for your answer! oh, what a pity. i need it now. so, please (although christmas is over 
a big wish: add this funktion! i think its very helpful and should be a standard. thank you for your information and best regards!
Hi ulstx7,
We’ve updated the template with the function. You can download the updated files from your download page. Thank you for choosing our product!
PS: If you liked the item it would be really great if you give it a 5 star rating. It helps us a lot.
Best Regards.
oh, wow wow wow!!! is your secret name Santa??? thank you so much!!! and yes, i will gave you a five star immediately! thx a lot and have a great week! ulrike
You’re most welcome. If you face any more problems feel free to ask us out.
Regards.
love! you made my day. thank you so much!
hello dear FourTabs! here i am againi with one question: aren’t your themes available as wordpress-themes? regards! all the best!
Hi,
Good to hear from you again. Currently we are not planning to work with WordPress themes. But we do have that in mind for near future. We’ll make sure to inform you about it.
Best regards.
ok, thx. and yes, pls inform me! have a nice day and best regards!
Hello,
A problem with the hover lightbox gallery.Images are not shown in chronological order. The last image is always shown first, followed by the first image and all the follow correctly (image 7 of 7, image 1 of 7, image 2 of 7 etc.). Here is my coding:
<!- Work ->
<!- Work Image ->
<!- End Work Image -><!- Hover Lightbox ->
Purple Haze
<!
<!- End Hover Lightbox ->Please advise.
Hi, thank you for choosing our product.
Sorry, we did not get the code. Can you please explain a little more and post the snippet of code again?
Regards.
Hello,
This is the code I have for the lightbox with 7 images:
<!-- Editorial Image --> <img src="editorial//group3/cover3.jpg" alt="" /> <!-- End Editorial Image --> <!-- Hover Lightbox --> <a href="editorial/group3/1.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/2.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/3.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/4.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/5.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/6.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/7.jpg" data-lightbox="group3" title=""> </a>
There’s a bug with the lightbox. Example: I have 7 images for the lightbox gallery. But instead of showing them in proper order of 1, 2, 3, 4, 5, 6, 7— the gallery shows 7, 1, 2, 3, 4, 5, 6.
I tried this— but it’s not working:
<!-- Editorial Image —> <a href="editorial/group3/1.jpg" data-lightbox="group3" title=""> <img src="editorial//group3/cover3.jpg" alt="" /> <!-- End Editorial Image --> <!-- Hover Lightbox --> </a><a href="editorial/group3/2.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/3.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/4.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/5.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/6.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/7.jpg" data-lightbox="group3" title=""> </a>
Hi mick33,
Sorry for the inconvenience but we were unable to find this problem in our template. Images are showing in chronological order here on our end. Please check this demo:
https://fourtabs.com/products/dot/portfolio-demo.htmlHowever, we would suggest you to copy the code of the demo we’ve linked above and replace the images with your own images. You can view the source codes in your browser or you can copy them from here:
<!-- Portfolio -->
<div id="portfolio">
<!-- Section Content -->
<div class="section-content">
<!-- Portfolio Filters -->
<ul id="work" class="works-filter uk-subnav ultrabold">
<li data-uk-filter="" data-uk-scrollspy="{cls:'uk-animation-fade', delay:20}"><a href="">All</a></li>
<li data-uk-filter="filter-web" data-uk-scrollspy="{cls:'uk-animation-fade', delay:40}"><a href="">Web</a></li>
<li data-uk-filter="filter-graphic" data-uk-scrollspy="{cls:'uk-animation-fade', delay:60}"><a href="">Graphic</a></li>
</ul>
<!-- End Portfolio Filters -->
<!-- Work Previews -->
<div data-uk-grid="{controls: '#work'}">
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-web">
<!-- Work Image -->
<img src="img/works/01.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/01.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Tulip</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-web">
<!-- Work Image -->
<img src="img/works/02.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/02.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Kite</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/03.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/03.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Onion</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-web">
<!-- Work Image -->
<img src="img/works/04.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/04.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Fryo</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/05.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/05.jpg" data-lightbox="works" title="Crows">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Crows</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-web">
<!-- Work Image -->
<img src="img/works/06.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/06.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Halo</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/07.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/07.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Pirate</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/08.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/08.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Bush</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/09.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/09.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">April</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/13.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/13.jpg" data-lightbox="works" title="Tulip">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Tabs</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/14.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/14.jpg" data-lightbox="works" title="Banks">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Banks</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
<!-- Work -->
<div class="work uk-width-small-1-2 uk-width-medium-1-4" data-uk-filter="filter-graphic">
<!-- Work Image -->
<img src="img/works/15.jpg" alt="" />
<!-- End Work Image -->
<!-- Hover Lightbox -->
<a href="img/works/15.jpg" data-lightbox="works" title="Onyx">
<!-- Hover -->
<div class="hover">
<!-- Title -->
<p class="dark f-medium normal">Onyx</p>
</div>
<!-- End Hover -->
</a>
<!-- End Hover Lightbox -->
</div>
<!-- End Work -->
</div>
<!-- End Work Previews -->
</div>
<!-- End Section Content -->
</div>
<!-- End Portfolio -->
We hope this will solve the issue you’re having.
Best Regards.
Thank you for the source code.
I’ve managed a workaround if anyone is having the same problem with the lightbox display order I had. Just place the first line of your source code for your gallery as the last line:
<!-- Hover Lightbox --> <a href="editorial/group3/2.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/3.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/4.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/5.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/6.jpg" data-lightbox="group3" title=""> </a><a href="editorial/group3/7.jpg" data-lightbox="group3" title="“”"> </a><a href="editorial/group3/1.jpg" data-lightbox="group3" title="”> </pre>"></a>
Beautiful template with a lot of potential.
Is it possible to check out this template in mobile preview? TIA
Hi, We’re glad you liked the template.
If you want to check mobile previews of this item on your desktop click the link below:
http://quirktools.com/screenfly/#u=https%3A//fourtabs.com/products/dot/&w=1024&h=600Or you can just use your phone to visit the the preview website:
https://fourtabs.com/products/dot/Best Regards.
Great theme, where can i find all the icons?
Hi, Thank you!
The icons are from Font Awesome version 4.6.3. You can find all the icons here: https://fontawesome.com/v4.7.0/icons/
Regards.
Great design. We’d like to add your homepage designs to our landing page hub. You can submit your landing pages using https://landub.com/submit/ to be featured and get more traffic.
GLWS 
Thank you. Submitted!
Nice Work,
Congratulations! Good Luck With Sale
Thank you!