Theme Options

This section will provide you an in-depth guide on how to use the Cuisine Theme Options. To access the Theme Options page, Go to Dashboard > Appearance > Theme Options

Here is a screenshot of the Cuisine Theme Options page. The default settings are shown in the following image.

cuisine-theme-options

 

Topbar

You can see, Topbar is the first section in Theme Options settings. Let’s take a closer look at it.

The top bar is a bar positioned at the upper side of the top menu bar. You can enable or disable it by changing the top bar setting. You can place an email address, a phone number and social links on the top bar.

 

When the top bar is off, the homepage looks like this.

without-topbar

Now we are going to turn on the top bar. The social links can be shown or hidden from the top bar. If you want to show social media profile links, you need to put them in the Social Media section from the left side.

We have turned on the top bar.

with-topbar

 

Header

The second section of the Theme Options is Header. Here you can customize the appearance of your site’s header. You get the following options to tweak. Please take a look at the GIF below.

header-settings-animation

So, you can choose either transparent or solid top menu bar from the Header Style selection option. Then the Menu Style selector offers three options. You can set the logo at the center of the menu bar or to the left of the menu bar. The third option can get a social icon set on the menu bar. Other settings include header paddings, header height and social icon appearance.

You can make the menu bar sticky to keep it on the top all the time even when you scroll down to the website. Turn on the Sticky Header option to do this.

Here is a screenshot of a transparent header with topbar.

And this is a screenshot of a solid header with topbar.

If you choose to set the logo to the left, you can turn the social icons on the menu bar on or off. Here is how the menu bar looks with the social icon set.

Finally, here is the menu with logo at the center.

Remember, in order to show the menu items on the top navigation bar, at first you need to add menus from WordPress backend. Go to WordPress Dashboard > Appearance > Menus. Here is an example from our Cuisine demo site.

We’ve used two menus on the top. One is to the left and another to the right. The right menu is also shown on the footer.

 

Logo & Favicon Options

This section will let you set everything related to the logo, favicon, coming soon page, 404 page and so on.

all-logo-favicon

You can upload a favicon (the tiny image shown on the browser tab for your site), define whether an image or texts will be used as the logo, the logo and background for 404 and coming soon pages.

 

Banner Image

Here you can set a banner image/background for the blog/news section of your restaurant site.

banner-blog

The banner will be shown on the upper side of the section. A background color can be set in the place of this banner.

blog-banner-output

 

Layout & Styling

These options manage the color variations of your theme. You can choose site link color, link hover color, background color or images and many more. You can also use color with opacity ( rgba color pattern )

styling-settings-animation

You can select full width or boxed layout whichever you like. A general background image/color can be defined for the whole site. Use the color options to tweak everything related to colors.

 

Typography

We’ve used Google Fonts service in Cuisine typography. Choose the body font, menu font, heading fonts on this section.

 

Social Media

This section lets you enter all of your social media profile links and then you can use them elsewhere of the site using Cuisine social features.

 

Coming Soon

We’ve provided preset coming soon page options. Create a new page with Coming Soon template and then customize it from the Theme Options page’s Coming Soon section.

Here is a screenshot of an example Coming Soon page.

coming-soon-demo

 

Blog

This section controls the look and feel of your restaurant website’s blog. You can decide if the blog pages to show pageviews, categories, authors etc. Enable or disable options there. Here is a screenshot.

Creating a page to show the latest blog posts one after another is easy. Just create a new page with a specific Blog page template and confirm additional settings. Now link that page wherever you want to provide access to your blog.

 

Footer

If you want to show some texts (e.g. copyright notice) on your website footer, turn on this option and put the text here. It will be displayed on your site’s bottom.

 

Import/Export

Using this interface, you can import Cuisine theme settings from another Cuisine powered website. You can also export your site’s theme settings. Use the options shown in the following screenshot. It’s very easy.

You can see this example video to learn how to import theme settings.

 

 

Was this helpful?