Opal Customize Documentation

Getting Started

Firstly, we would like to thank you for purchasing Wordpress theme and chosen it for your website. We outline all kinds of good information, and provide you with all the details you need to use the Wordpress theme.

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is submitting a ticket via our Support Ticket system or email us: [email protected].

If you like this theme, Please support us by rating us 5 stars (How to rate?)

View other great wordpress themes

Opal Customize

Customizer allows you to preview changes to your site before publishing them. You can also change and preview settings for each page on your site here.

Open Customizer

There are 2 methods to open Customizer.

1. Click on Customize button on top sidebar.

2. Go to Dashboard > Appearance > Customize.

Customization Tabs

Follow below links to learn how to customize a section using Live Customizer:

+ Typography: all you need to change text areas

+ Layout: change settings for design layouts

+ Color: everything related to color can be edited here

+ Header: pick up a global header for all your pages. To add, manage, or edit headers, open Header Builder on your WordPress Dashboard)

+ Blog: change settings for blog list and blog detail pages

+ WooCommerce: include all magic for eCommerce pages, like product category, product details, cart page, checkout page

+ Animation: change effect for button

+ Footer: pick up footer for each sidebar area and copyright text (to create or change footer widgets, go to “Widgets” tab)

+ Team: Config sidebar or layout for team

+ Mobile: Config layout for mobile

+ Site Indentiry: Upload logo or icon for site .

+ Menus: change content and settings for all menus (you can also change menu’s content in “Widgets” tab)

+ Widgets: customize content for all widgets on your site

Opal Customize

Today, Opal Team , we very happy to introduce many options newest of customize with you .

Typography

In this customize, will display all config for font size, font style.

a. General: general settings for your whole site

Primary font: Choose option to change font for site.

  • Font Family
  • Font Weight
  • Font Style

Heading font : Choose config to change font for heading

Body: Choose config to change fontsize, height, spacing for site.

  • Font Size

  • Font Height

  • Letter Spacing

Heading: Choose config to change font style, spacing for heading.

  • Font Style
  • Letter Spacing

Specially,In top of customize have 2 buttons : Edit Color , Edit Layout If you want to change it please click to button and you may be change config about color and layout of general, do not go out typography and choose color or layout.

We have another options to simple control it :

You can see this buttons on main content when you config to customize.

Layout:

Typo:

Color:

b. Page Title: settings for your page title

Heading: Choose config to change font style, fontzise, height, spacing for heading.

  • Font Style
  • Fontsize
  • Line Height
  • Letter Spacing

Breadcrumb: Choose config to change font style, fontzise, height, spacing for heading.

  • Font Style

  • Fontsize

  • Line Height

  • Letter Spacing

c. Main Menu: settings font and fontsize for your menu

  • Font Family : Please choose type of font for menu

  • Font Style

  • Font size

c. Quotes: settings font and font style for your quotes

  • Font Family: Please choose type of font for menu

  • Font Style

d. Sidebar: settings options for your sidebar

  • Font Style

  • Letter Spacing

  • Padding Top

  • Padding Bottom

  • Margin Top

  • Margin Bottom

e. Footer: settings options for your footer

  • Font Style

  • Letter Spacing

  • Padding Top

  • Padding Bottom

  • Margin Top

  • Margin Bottom

Color

In this customize, will display all config to change color for site.

a. General: general settings for your whole site

Color: Choose option to change color for site.

  • Primary color
  • Secondary color
  • Heading color
  • Body color

Boxed Background: Choose option to change color for background.

  • Background color

  • Background image

b. Header: Change skin for header

  • Skin

c. Page Title: Change background color or image for page title

Background: Choose option to change config for background.

  • BG image: choose image to display in page title

  • BG position: You can change position image

  • Disable repeat: if you dont want to display image repeat , please choose it

  • BG color : Set up color for page title

Color: Choose option to change color for background.

  • Heading color: choose color for heading

  • Breadcrumb text color: Change color for text in breadcrumb

d. Quoutes: Change config color

Color: Choose option to change config for quotes.

  • Background: choose color to display in background of quotes

  • Border color: You can change color of border

e. Footer: Change config color

Skin: Choose option to change skin for footer.

f. Sidebar: Change config color for sidebar

  • Title color: Choose option to change color for title.

  • Color

g. Button: Change config color for button

Enable custom: Choose option then you can change config in there.

Primary button: Choose option to change color .

Primary button Hover: Choose option to change color for button when you hover .

Secondary button : Choose option to change color for button .

Secondary button Hover: Choose option to change color for button when you hover .

Layout

In this customize, will display all config to change layout for site.

a. General: general settings for your whole site

Layout: Choose option to change layout for site.

  • Boxed

  • Wide

  • Side Header

Grid Settings

  • Content Width: set up by px or %
  • Gutter width
  • Offset width

b. Sidebar: Change config layout for sidebar

  • Enable sticky sidebar: if you enable it will display in sidebar.

  • Enable box

  • Padding Bottom : it will change space in padding

  • Margin Bottom: change space for margin

  • Border Radius

c. Page Title: Change background layout for page title

  • Fullwidth: if you enable it, page title will display fullwidth

  • Style: choose style for display of page title

  • Padding Bottom : it will change space in padding

  • Margin Bottom: change space for margin

  • Height

d. Pagination: Change config pagination

Select Pagination style: Choose option to change style .

e. Button: Change config button

Border radius.

f. Comment Template: Set up layout for comment

Comment skin: Change layout for form comment skin.

Comment form: Please choose layout to change .

g. 404 Page Setting: Set up layout for 404 page

Page setting.

  • Default: if you choose it, then all config will display for you.

  • Customize: choose this config, you can custom for this page

a. Topbar: set up display for topbar

  • Enable Topbar: if you choose enable , topbar will display:

b. Main: Change config layout for main

Layout.

  • Enable sticky : if you enable sticky will display .

  • Fullwidth

  • Layout : change layout for mainmenu

  • Padding Top: change padding for menu

  • Padding Bottom: Change padding

Cart.

  • Enable cart: if not choose cart will not display on menu

Search Form.

  • Enable search form: if not choose search will not display on menu

Blog

a. Archive: set up config for blog

  • Select layout: choose layout for archive blog:
  • Select style: choose style for archive blog:
  • Sidebar: choose layout for archive blog:
  • Sidebar width

b. Single: Change config layout for single blog

Select Layout.

  • left sidebar .

  • fullwidth .

  • right Sidebar .

  • Sidebar .

  • Sidebar width

  • Post Navigation : change layout for navigation

Woocommerce

a. Archive: set up config for woocommerce

  • Select layout: choose layout for archive woo:
  • Column: choose number of column will display
  • Number product to show: choose number product:

b. Single: Change config layout for single woo

Layout.

  • Select Layout .

  • Style .

  • Tab style .

  • Product gallery .

  • Product Upsale

  • Product Related : choose number of product

  • Product Up-sell : choose number of product

c. Product: set up config for product

  • Style: choose layout to display for product:
  • Animation Image Hover: choose animation of product will display
  • Enable Custom Color: change color product:

Animation

  • Background Transitions: choose type for animation:

Team

a. Archive: set up config for team

  • Select layout: choose layout for archive team:
  • Sidebar: choose sidebar for archive team:

a. Single: set up config for single team

  • Select layout: choose layout for single team:
  • Sidebar: choose sidebar for single team:

  • Select layout: choose layout for footer:

Mobile

  • Effect Canvas Menu: choose effect for canvas menu:
  • Skin:

Get Support

If you are unable to find your answer here in our documentation, please take a photo screenshot with description detail about your problem or idea. Send all to email : [email protected] or ticket: [email protected]. Our technical team will check and try their best to help.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.