Brushed – Responsive Html5 Template

brushed responsive html5 templates

  • Author : Alessioatzeni
  • Layout : Html5 and Css3, Responsive
  • Categories : Gallery, Photo
  • Colors : black
  • Pages : All in One Page
  • Rating : 4 star
  • Compatible Browsers : Microsoft Edge, IE9+, Firefox, Safari, Opera, Chrome

92 thoughts on “Brushed – Responsive Html5 Template”

  1. Hi, I have noticed one problem with that theme.. When I open it in Chrome the slider is not available. And it’s strange – from the link above (demo) it works on Chrome also. When I upload it to my website it doesn’t work on Chrome. Other browsers are fine.

  2. chekout your chrome version.. and change link in index, the template use one javascript file and one css file with extra link so dowmload them and change links to local.. i wish that help.

    1. HI there,

      You can change the images in _include/img/slider-images/

      if u keep image01/image02/image03 or more, if you go into [main.js]
      find the “Slider Options” section
      slides : [ // Slideshow Images
      {image : ‘_include/img/slider-images/image01.jpg’, title : ‘name’, thumb : ”, url : ”},
      {image : ‘_include/img/slider-images/image02.jpg’, title : ‘name’, thumb : ”, url : ”},
      {image : ‘_include/img/slider-images/image03.jpg’, title : ‘name’, thumb : ”, url : ”},

      Above only as sample..

      Hope this help.

  3. Beautiful Template but my slider is also not able to loading. All other attached images in the bruched>_include>img folder loaded fine. Even without customizing the template I’m unable to see the add your images here dummy images.

  4. HI there, Wondering if it’s possible to add a [Download] button into the POP-up image under the information(“alt”) part?

    seeking for help here.
    Hope can get someone to help me on this. TQTQTQ

    1. im main.js go to slider settings, each of the images has a caption that you can change

      {image : ‘_include/img/slider-images/image02.jpg’, title : ‘Brushed’, thumb : ”, url : ”},

  5. hey. its an awesome template… very neat and trendy….
    could you please guide how can I change the centred BRUSHED text on splash slider
    or how can I remove it

  6. Hi, How can I change the “brushed” logo in the mobile site? I can’t change it to my logo though in the computer website, the logo changed already. Thanks!

  7. Hello, nice template. I wonder if the contact form is worked, I try but it’s fail. Have he some link to some js script to work?

      1. I had the same issue for a while.

        In the HTML, Contact Form section:
        ——- form id=”contact-form” class=”contact-form” action=”#”
        change “#” to “contact.php”
        ——- form id=”contact-form” class=”contact-form” action=”contact.php”

        And confirm that you editted the Contact.php form to have your information.

        Hope this helps.

        1. This did not work for me. Is there something that I am missing?
          I edited the .php “Your email” section as well as now changing the action=”contact.php”

          Please help,
          Thank you

          1. Hello. Have you set up an htaccess file? We had to do this for the form to work (we ask for help to our host provider)

  8. Hello there,
    this template it’s amazing. I’m using it for my personal portfolio site. But i’m having a little problem, on the about us part of the template, i’m trying to use only one column. Because it’s only me. And i still haven’t be able to put one centered column, it only stays on the left, because of the float:left atributte. Is there anyone that can help me? Please?
    Sorry for my english, i’m portuguese.

  9. Hello! How we can put the menu a little up? I want to see it on my home page, people are little lost because the dont see it

  10. Hello there. Template is great, really like the flow and look. We are having an issue with the description text boxes when viewed on a mobile device in the landscape view. The descriptions are being compressed into a tall thin box when the space is there for it to fit to the format of the landscape width…. Any suggestions on the fix would be greatly appreciated.

    Thank you

  11. Hi, first of all great template,I would like to know if theres any way that instead of showing all works -when you scroll or click on works or projects- it shows design of photography, in other words how to NOT DISPLAY ALL IMAGES on the gallery, or where to edit what images it will display when you click on design or photography…


    1. Hi Jona,
      regarding the ‘Brushed’ template: Did anyone provide a solution to the problem – editing the images that initially are displayed in the work section – so far to you. If so, could you please let me know.
      Kind regards

  12. I replaced slider image01 in images folder but there seems to be a color overlay built into css? Would like to have image clean in slider. Any help on this? Thx

  13. Also, slider images do NOT fill 100% with expanding and contracting browser. Where can I adjust this in the code?

  14. gino in html code in slider section there is a dive overlay effect you will delete this dive than your image free from overlay hope it will be work.

  15. I added a link as below

    {image : ‘_include/img/slider-images/image01.jpg’, title : ‘name’, thumb : ‘_include/img/slider-images/image01Thumb.jpg’, url : ‘’}

    and the link does not work as a well as the thumb not working on the mobile too. Please advise.

  16. The template is amazing! I just have one problem, and it is driving me crazy! I want to do 2 image galleries. Each has a filter with different categories. How do I duplicate the filter but each work autonomously? Thank you very much in advance!

  17. First of all I like to thanks @ Alessioatzeni for giving Very Beautiful template, simple and easy to modify. Will be using for my personal website.
    In future if I like to use this Template for my clients what will be the commercial cost to use this template?

  18. i love this template, very sleek and beautiful thankyou Allessio, ur a genius. So much so that im having problems getting the fancy box video player to play my media . Ive managed to get one video to play by replacing the url from the template with my own url. but how do i get the others to do the same. i want the site to mostly play video stuff beacuse i am a video media maker. please advise

    1. Hi,

      “m having problems getting the fancy box video player to play my media”
      Don’t know if you’ve solved the problem? I’m getting through the same as you did, wonder if you can give me a hint would be wonderful.


      1. I uploaded the web site to the server and the video worked. On my local Mac, not working.
        Don’t ask me why, I don’t know.

  19. Hi there.. Just wondering.. how can i adjust the preloader? it is taking a long time. I moved all non-immediate scripts to the bottom of the page..but still slow..

    1. I’m having the same issue, it takes a very long time to load. Please let us know how we can adjust the pre-loader, thanks.

  20. Hi, amazing tempalte… However, I’m having the same problem as Mikel din in that I can’t get the video player to play my media. Does anyone have any ideas on how to make this work? All help appreciated.

  21. Hi It seems like there’s a problem in my website when I used google chrome. The background color is gone and pictures of the slider became the background of some of my pages.

    Can you help me how to fix this?

  22. Hi Alessioatzeni,

    Its amazing template. I am using it and working fine. But I want to make change in our work section. I want to show more data on pop-up. Can you help me how can I do that please…

  23. Hello,

    I was wondering, i use this template for a website and it works perfect, but i want 1 link in the menu to go to a different page but other page doesn’t work in the menu.

    Can you tell me how to make this happen?

      1. Hi, Tom. Posting again because the code turned a link instead of a text 🙂

        Try to include a class on the link: a href =”your url page here” class=”external”

        We did this and works fine. Hope this helps.

    1. It’s been a while, so you probably solved it; but for the form, you need to link it first in the html

      change # to contact.php

      And of course, make sure the contact.php form has been updated with your information.

      Hope that helps.

  24. Great template, tnx a bunch. One issue – loading the site first time puts all images in “work” section on top of each other – the solution is to hit “refresh”. Any idea how to fix it? Happens in FF and Chrome, haven’t tried with other browsers. Opening “index.html” locally ie from editor doesn’t cause any issues. Any help is appreciated.

    1. Hi Rubo,

      Go to main.js Line –> 112

      You find this code:

      // options
      animationEngine: ‘best-available’,
      itemSelector : ‘.item-thumbs’,
      layoutMode : ‘fitRows’

      Replace with this:

      $container.imagesLoaded(function() {
      // options
      animationEngine: ‘best-available’,
      itemSelector : ‘.item-thumbs’,
      layoutMode : ‘fitRows’

      Hope this helps

  25. Hi,
    first of all: THANKS!
    this template is awesome and even the documentation is awesome!

    how can i get the slideshow to NOT dim the slider pictures?

  26. Hi Ale, very pro work, everything went through correctly for me, except the contact form is sending any email, in fact when you click ” send your email” nothing happen even if all fields are empty. I am wondering if you can guide me through

  27. Hi Alessio,

    There seems to be a problem with your “Back To Top” code. The icon up arrow appears in my developer software preview for ALL pages, but when I upload it to my server it only appears on the “Shortcodes” page. Same thing happens when I view your site directly.

    Please advise and thanks.

    PS Great template otherwise !!!

  28. Hi there.
    Love the template, thanks for making available 🙂

    I have a query I hope someone can help with, in main.js i’m trying to replace the main title with a png logo. Can anyone help with a solution?

    thumbnail_navigation : 0, // Thumbnail navigation
    slides : [ // Slideshow Images
    {image : ‘_include/img/slider-images/image01.jpg’, title : ‘Title to be replaced’, thumb : ”, url : ”},
    {image : ‘_include/img/slider-images/image02.jpg’, title : ‘Title to be replaced’, thumb : ”, url : ”},
    {image : ‘_include/img/slider-images/image03.jpg’, title : ‘Title to be replaced’, thumb : ”, url : ”},
    {image : ‘_include/img/slider-images/image04.jpg’, title : ‘Title to be replaced’, thumb : ”, url : ”}

  29. Hey, have you tried to use this template on a mobile using chrome? as you navigate down or up, it rearranges the content since the address bar from the browser disapears… something related to the ‘sticky’ id on the navigation class.. any idea on how to solve this problem?

  30. page shows all the images in Our Work on page load. how to show only few and other images after clicking the link on the left side please help.

  31. Hi Tangiverso,

    Great template and compliments for the effort you put in answering everyone.

    when you click on “all projects” you see all images.
    for instance, the first image is a ‘photography’ image and the second is a ‘design’ image.
    When you ‘open’ the first picture and then choose next, you go to the 2nd picture in the gallery ‘photography’ instead of the 2nd one in ‘all projects’.
    I just want to go through ‘all projects’ in order as thumbs are. Is that possible?

    Thanks again!

  32. Great template! Two questions though:

    1 is there a way to put a small grahics jpg icons to work as the links in the description in the bottom of the opened image in the gallery section?
    Under each galery image to inforom about e.g : “Listen” “Download” or “Buy”
    Would appreciate your reply

    2. how do I center the “About us” person’s image with the description under when there is only person to be described – it automatically centers left .

    Appreciate your reply

  33. Hi Tangiverso,

    Thanks again for all the effort.
    I have asked this question before but did not get a clear answer. If you go to this page: and in the ‘our work’ section click on ‘design’ you will notice that the 3rd image is not the one that is 3rd in the overview. Something not working with the order of pics. When you choose a section the images start to follow up the ‘all projects’ order and not the specific section order. Do you have any idea how to solve this please? Have a great day.

    1. Hi Ben, are you fine?

      Have you tried to revise the link id?

      Item Project and Filter Name
      li class = item-thumbs span3 linkid

      I have helped

      [ ]s

  34. Hi ! Very good template ! Love it !
    But after 3 days working on it, i still cannot find a solution :

    When i open it with Safari, no problem ; but on IE or Firefox, the sliders images don’t appear. The arrows in the bottom left of the slider don’t appear too…

    Someone has an idea ?
    Thanks !!!

    1. Luis, você fala portugues?

      Busque as configurações de pág no arquivo Main.css linha 686:

      /* ==================================================
      Section Page
      ================================================== */

      Ali talvez seja possível configurar de background com uma imagem, mas não vi essa utilização em nenhuma outra parte do template.

      Search the page settings in the main.css file (line 686):
      There may be possible to set up the background with an image, but have not seen this used in any other part of the template.

      [ ]s

  35. hey,

    i`ve got the template since 1 week and i love it!!

    i`ve changed mostly i want but still got one prob.

    see my page and on the bottom you will find my impressum and AGB.

    on this pages i can not link the buttons at the nav bar?

    how can i put a link to the home, contact … buttons back to the inxex.html?

    if i delete the reference to the css points, i have normal text and can link it..

    kind regards from vienna


  36. Hi!
    Just one question: in “Our Work” section (that I called “Travel” in my site) when you filter the photos with the left menu (“Type of Work”) it shows just the images related to the clicked category but when you go to zoom them and click “next” in the pop-up, the order doesn’t follow anymore the order of the chosen category, but the initial one ( “All Project”) displaying images not required. The problem exists on chrome, firefox and explorer and it seems to be present even in the original template. I think this could be a big problem for everyone so please help me… having so many photos it is important for me that people can show just the images in the right order of the chosen category and not all.
    Many thanx for your help!

    1. Hi Marco, are you fine? We made a site and this errors doesn’t occured, but we pay special attention on the categories of the images.
      I’ve tested some visualizations on your site and doesn’t seeany error. Can you provide a specific exemple for a picture or a group of pictures?

  37. Hi this is a beautiful template, however i have an issue.
    I want to create another section OUR WORK . But when i’m modified the html file in order to have 2 differents OUR WORK sections, there is no link between the name of projects and the images. For example when i’m click on the “Design” projects, on the second section of OUR WORK, nothing happen, i can see all the projects, and not only the design projects. I think i need to modified some other files maybye main.js, but i d’ont know how… Thank you for your help.

    1. Hello. I do not know if I completely understood what you said, but maybe your problem is link conflict for the categories in the duplicate modules. Maybe when you doubled the module the same category appears twice.

      Try searching for li to href = “# filter” and change the design category to another word.

      Or change the section id: search for div id = “work” class = “page” (change work to any other id)

      All this in html. I hope I have helped.

  38. Hi, I have a question:

    Is it possible that when the fancybox is opened this will show a specific url for each image?

    I need this to my site, But I can’t do it.

    Please help me!!!

    PD: In the previous comment my email was misspelled


  39. Hello why can not I add more slides in:

    {Image: ‘_include / img / slider-images / image02.jpg’, title: ‘ ‘, thumb: ”, url:
    {Image:’_include / img / slider-images / image03.jpg ‘, title:’ ‘, thumb:’ ‘, url:
    {Image: ‘_include / img / slider-images / image04.jpg’, title: ‘ ‘, thumb: ”, url:
    {Image: ‘_include / img / slider-images / image05.jpg’, title: ‘ ‘, thumb: ”, url:
    {Image:’_include / img / slider-images / image06.jpg ‘, title:’ ‘, thumb:’ ‘, url:
    {Image: ‘_include / img / slider-images / image07.jpg’, title: ‘ ‘, thumb: ”, url:
    {Image:’_include / img / slider-images / image08.jpg ‘, title:’ ‘, thumb:’ ‘, url:
    {Image: ‘_include / img / slider-images / image09.jpg’, title: ‘ ‘, thumb: ”, url:


  40. Hi, awesome theme!!

    I’ve changed the fonts for different headings across the site and it all works on the desktop version.

    When viewed on a mobile device, the fonts aren’t changed and default back to the original…

    Is there any reason for this? Should I add relevant sections from main.css to responsive.css?

  41. Hello,
    This is a beautiful template 🙂
    Can anybody please help me to do like the below.

    > I added a menu button named “Services” in between About Us and Contact. And also added the description for services on page. Everything is fine.
    > But while I clicked on “Services” button it always shows the “Contact” page.

    Thanks in advance 🙂

  42. I cant find where to change the colour of the x and the previous and next buttons when you click a thumb in of the portfolio section to bring up the full. Can someone help?

    1. I have experienced the same problem. Only in google chrome (dekstop) the menu stopped working. Firefox or mobile devices are working perfectly. Anyone who has the solution?

  43. Hi the navigation menu is not working in chrome but its prefect in IE, i mean when we click the top link its not scrolling down in Chrome could you please help

  44. Hello help with the feedback form, it just does not work, I changed everything as it should, but still does not work !!!!!!!!!!

  45. HI under new Opera and Chrome the buttons in the Sticky-Nav(menu bar) don`t work. It don`t move to a specific place in the website. There is no problem with Firefox. How can I fix this??

  46. Hi under a Opera and CHrome the buttons in a Sticky-Nav(menu bar) do not work. WHen you click it do not move to a specific area in a website. This problem does not appear in FIrefox. How can I fix this??

  47. I’ve found if you put an where you want the link to go to, that takes care of the Chrome issue, although you don’t get the smooth scroll.

  48. I’m also experiencing the same sticky-nav problem on Safari 13. Anyone figured out why? I’ve been perplexed by this problem

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

COPYRIGHT 2020 @ Free Html5 Templates by HTML5xCSS3