Slices - Pizza Restaurant HTML Template

Navigation

For now, we provide 1 header style only, which can be alternated between 3 states:

Sticky by adding class can-sticky to the header element

Absolute by adding class aboslute-header to the header element

Static default behaviour

Spacing

Aside from bootstrap spacing utility classes, we provide 2 spacing classes for section seperation

Default spacing by adding class section to any element

Irregular spacing by adding class section-padding to any element (This is used incase you have elements with bottom margins)

Google Fonts

By default, Slices uses Open Sans, and Oswald as the main fonts accross the whole template. You can change that by accessing the style.css file and changing the Font URL at the very start of the file. Simply go to Google fonts, select the font you like, and replace the link with the one we currently have in the style sheet.

Maps

All code for the maps lives in assets/js/map.js. Note that in the contact page, location page and any other page that has a map will include custom style sheets and scripts. Those files are linked under Page Specific Scripts & Styles before the end of the body tag and in the head.

To change the coordinates for your map, you can either edit the data attributes in the map's div:

                  

                    

                    View in Google Maps
                  
                

As you can see you have two data attributes: data-lat and data-lng. Change them respectively.

Alternatively you can change the coordinates for your contact page or any other page which has only 1 map Not the Locations page. By changing the variable values in map.js

Css Structure

                  /*
                  Template Name: Slices - Pizzeria HTML Template
                  Author: Androthemes
                  Author URL: https://themeforest.net/user/androthemes
                  Version: 1.0.0
                  */
                  /*===========================
                   =  Table of Contents
                   0. Keyframes
                   1. General
                   1.1. Typography
                   1.2. Section spacings
                   1.3. Forms
                   1.4. Buttons
                   1.5. Colors & Badges
                   1.6. Modals & Popups
                   1.7. Tables
                   1.8. Tabs
                   2. Header
                   3. Footer
                   4. Banner
                   4.1. Image Banner
                   4.2. Video Banner
                   4.3. Carousel Banner
                   5. Subheader
                   6. Shortcodes
                   6.0. Call to action
                   6.1. Testimonials
                   6.2. Mini Menu
                   6.3. Categories
                   6.4. Blog Posts
                   6.5. Newsletter
                   6.6 Instagram
                   6.7. Info Boxes
                   6.8. Team Members
                   6.9. Infographics
                   6.10. Products Sliders
                   6.11. Gallery
                   7. Misc
                   8. Pages
                   8.0. Blog FW
                   8.1. Posts Single
                   8.2. Login & Signup
                   8.3. Contact Us
                   8.4. Cart & Checkout
                   8.5. About Us
                   8.6. 404 Page
                   8.7. Menu Pages
                   8.8. Menu Item Pages
                   8.9. Locations
                   9. Responsive
                  ===========================*/
                

To change your color scheme, we provided a primary-skin.css file which includes all the elements that's color can be changed. Replace the colors you need, and include this file after the main style.css sheet

Credits

The following are the libraries used by Slices

• Pixabay
• Pexels
• Flaticon
• Fontawesome
• Google Fonts
• Bootstrap 4.3
• jQuery
• jquery Slim Scroll
• Popper
• Magnific Popup
• Slick Sliders

Final Thanks

We thank you so much for using Slices as your Food Blog template, we will be providing unlimited updates and constant support if you need it.