Relevant: Grab Restaurant Theme HTML Template Restaurants & Cafes Entertainment

Tuesday, November 6, 2012

Grab Restaurant Theme HTML Template Restaurants & Cafes Entertainment

Site Templates - Grab Restaurant Theme - HTML Template | ThemeForest

Grab Restaurant Theme HTML Template Restaurants & Cafes Entertainment his title this type of SiteTemplates/Entertainment/Restaurants&Cafes This time I will review,made by pxoutline, SiteTemplates/Entertainment/Restaurants&Cafes is sold at a price of $15 in themeforest. Grab Restaurant Theme - HTML Template - Restaurants & Cafes Entertainment

bakery // cafe // cake // css3 // dropdown // food // grab // html5 // jquery // multi restaurant // pizza // restaurant //

Created	17 June 12
Last Update	16 April 13
Columns	2
Compatible Browsers	IE8, IE9, Firefox, Safari, Opera, Chrome
Documentation	Well Documented
High Resolution	No
Layout	Fixed
ThemeForest Files Included	Layered PNG, HTML Files, CSS Files, JS Files

More Info...Grab Restaurant Theme ..

Grab Restaurant – HTML5 & CSS3 Features

Grab, a restaurant theme HTML template specially coded for pizza and pasta restaurants, comes up with 10 HTML Pages. Well Documented, Can be easily customized as per your requirements.

HTML Structure

This theme is a fixed layout with 3 main sections named header, section (content area) and footer. The general template structure is the same throughout the template. Here is the general structure:

If you would like to edit the color, font and style of that element, you would do the following: Find the appropriate style that needs to be edited.

I.E: The font-size, color etc… of the Content needs to be changed

 .mid_container { background: none repeat scroll 0 0 #FBF2D9; color: #3C3C3C; font-size: 15px; margin: 0 auto; padding: 0 0 30px; width: 990px; }

To ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.

CSS Files and Structure

We have used 3 CSS files in this theme: “style.css” contains all general styling, such as colors, font-sizes, etc. Also all of the specific stylings for the page. The other 2 CSS files includes are “thickbox.css” that contains popup related styles and “smartspinner.css” has control of a spinner image or loader image.

The “style.css” file is separated into sections using:

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

I.E. you want to change the header height:

 /* HEADER */ header { background: url("../images/header_bg.jpg") repeat-x scroll 0 0 transparent; border-bottom: 1px solid #000000; height: 300px; width: 100%; }