Finesse - Responsive Business HTML Template

Thank you!

Thank you!

A boxed version is now available and clients on the homepage, too (in Home Version 2).

Thank you.

A boxed version would be possible by CSS adjustment, but, at the moment, I don’t promise that I’ll create this version. Regarding the widgets and shortcodes, these are usually used in WordPress themes, for example. This is an HTML template and, except for the PHP files (administration dashboard, search and contact) that contain PHP code beside HTML , the rest of the HTML files contain only HTML and JavaScript code. Twitter and Flickr widgets are built using JavaScript and JQuery code.

Regarding the clients, yes, I’m considering doing this site element in the next version of this template.

Best regards!

Thank you! No, there’s only the light version. Regards!

Thank you, Louiejie!

Thank you for your appreciation. I also took notice of your suggestions.

Yes, depending on the size of your links, you can have more links in the menu without distortion (the search will automatically change its layout to make more space for your links). However, if your links become too numerous or long for tablets, you might have to do some small CSS adjustment only for these devices (call the TinyNav plugin included in the template – see the media queries in style.css). By default, the TinyNav is called only on mobile phones as I had enough space on tablets for my 6 links.

Kind regards.

A boxed version is now available and it includes plenty of backgrounds. Regards!

Hi. Thank you for your purchase. This is an HTML template and doesn’t come integrated with a Content Management System (CMS), like WordPress themes do, for example.

To edit it, you’ll need some basic HTML knowledge. Open the files in a source code editor (like Notepad or Notepad++) and insert your own content using HTML tags.

Fortunately, this template comes with extended PHP functionality (working search, newsletter, contact – explained in the documentation) that HTML templates don’t usually or necessarily have. Nevertheless, the blog comment part is just a template and the comment system won’t actually work without further programming. I thought you might want to know this.

I hope this helps.

Best regards!

Version 1.1 is now available for download.

Excellent customer service. Thank you.

One issue I’m noticing, is when the page loads for mobile devices, the search and navigation overlap.

Hi. I tested the template on iPhone4 and iPad3 (Safari and Chrome) and don’t see any problem after the page has loaded. Everything appears in its place.

Can you email me a screenshot and specify on what device and browser do you encounter the issue? Do you encounter it after the page has loaded? It’s a bit difficult to keep track of the comments on ThemeForest so email would be easier for me.

Another question: if you are viewing the demo from ThemeForest, did you close the ThemeForest frame (click “Remove Frame” which appears above the site)? Sometimes, that frame might cause problems if it isn’t closed.

Regards.

I need your email to email the screen shot. It is not working properly on the Iphone. It is on Safari. Also, when you resize the browser in chrome to the iphone size, and reload the page it does the same thing.

Thanks to your description, I figured out that I had moved by mistake one piece of code after another one and this is what was causing the issue.

This is the fix (before my next update on ThemeForest):

/* ---------------------------------------------------------------------- */
/* Tiny Nav
/* ---------------------------------------------------------------------- */

    if($().tinyNav){
        $('html').addClass('js');
        $("#navlist").tinyNav();
    }

/* ---------------------------------------------------------------------- */
/* Responsive Search
/* ---------------------------------------------------------------------- */

I put the above modification online and it will be included in my next update (that will most likely also contain a boxed layout on which I’m working at the moment ).

Thank you!

(Emails can be sent to me from the right column of my profile page.)

Hi! I’m glad that you like the template. Seeing that this is an HTML template and not a WordPress theme, the blog part needs further web development for the pagination and comment section to work. The features that work without further coding are: contact form, search, newsletter and the Twitter and Flickr widgets.

Best regards!

Hi,

1. I wrote about this in the “D) JavaScript” section of the documentation: “The “custom.js” file contains the jQuery initialization functions for all the scripts used in the theme. It’s here that you can customize the behaviour of the following elements: ...”

So, in custom.js (located in the js folder), go to the Twitter Widget section. The username can be changed where you will see the comment ”// Change username here”.

2. This is a CSS class that should be applied to elements containing floated elements (that is elements styled with ‘float: left’ or ‘float: right’).

I hope this helps.

If you have other questions or something that you don’t understand, I’m here to assist you. Good luck with the customization!

<div class="clearfix">
      <div style="float: left">some content</div>
      <div style="float: right">some content</div>
</div>

Hello and thanks! Go to css/colors/red.css. Open the red.css file and go to the “Background Colors” section. Modify the background color of the second rule (background-color: #f25824;) to your desired color. In red.css, you can replace the color that I used with your own color every time it appears. This is the default color style and it can be adapted according to your preferences.

I’d be glad if you considered rating the template.

Good luck!

The “column-last” CSS class was used, for example, in the “grid-columns.html” page on each last column of content (text or other) in a row. It is a class that removes the right-hand margin on the last column in a row so this fits nicely in the layout and leaves no unnecessary margin on the right. The example can be seen by opening the grid-columns.html page in a text editor or in a browser and then View Source Code by typing Ctrl+U shortcut. With classes such as one-half, one-third, etc., you can create exactly what their name suggests: content on halves of the site layout, on thirds of the site layout, etc. After you finish a row, you must insert an empty div with a clear class: <div class="clear"></div>. This will force the next columns start on a new row. Again, the best example can be seen by examining the code itself. The code is well commented and you will find the columns after this comment: <!-- begin main content --> (in the “grid-columns.html” page). Good luck!