Message # 1 | 12:02 PM 2016-05-04
Design #1133 - Food

This template does not support the interactive Header Editor. Learn more...




1) How to Change Header



The top part of the template consists of a website name, background color and a logo.

1) To change the background, go to Control Panel > Design Customization > Style Sheet (CSS), line No. 348.

Code
.nav-row {  min-height: 60px;  background: #f85772;  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f85772), color-stop(1, #f86296));  background: -moz-linear-gradient(center bottom, #f85772 0%, #f86296 100%);  background: -o-linear-gradient(#f86296, #f85772);  position: relative;  z-index: 10; }


#f85772 and #f86296 are the background colors of the top part of the website. They can be substituted with any HTML color.

2) To change the logo, go to Control Panel > Design Customization > Style Sheet (CSS), line No. 380.

Code
.logo-lnk {  display: inline-block;  color: #fff;  font-family: 'Lobster', cursive;  overflow: hidden;  padding-left: 50px;  height: 60px;  line-height: 60px;  font-size: 2em;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);  background: url('/.s/t/1133/logo.png') no-repeat 0 50%;  word-break: break-word; }


/.s/t/1133/logo.png is the link to the logo image. You can put your own image link, once you upload it to the File Manager of the website.

3) To change the website name, go to Control Panel > Design Customization > Top part of the website, line No 4.

2. How to Customize Sidebar Blocks



There are no images or any specific moments with the blocks.

3. How to Change Design Background

The template background is a simple white.

In order to change it, go to Control Panel > Design Customization > Style Sheet (CSS), line No. 125:

Code
body { border: 1px solid #cccccc; background: #fff; font: 15px 'PT Sans', sans-serif; line-height: 1.5; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); }


#fff is the background color. It can be substituted with any HTML color.

4. Default Color of the Template

The default color is #FFFFFF
Attachments: 2599569.png (327.7 Kb) · 0312747.png (11.5 Kb) · 2080632.png (2.2 Kb) · 4665264.png (14.1 Kb) · 7399465.png (0.3 Kb)