{"id":67,"date":"2019-11-26T00:45:27","date_gmt":"2019-11-26T00:45:27","guid":{"rendered":"http:\/\/dev.wp.dnngo.net\/doc\/?page_id=67"},"modified":"2021-02-08T07:34:51","modified_gmt":"2021-02-08T07:34:51","slug":"theme-options","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/obvio\/theme-plugin-pro\/theme-options\/","title":{"rendered":"Theme Options"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]In this setting page, you can do global settings to the appearance of the entire site.<\/p>\n

Reminder<\/span> Since browser cache exists, your page probably won\u2019t display the setting result properly after saving. Therefore, you need to press Ctrl+F5 to refresh your page.[\/vc_column_text]

<\/div>

Layout<\/h3>

Layout Setting<\/h6>[vc_column_text]Header Layout – <\/strong>Set the header layout of your site. You can also create it in ThemePluginPro > Layout > Header Layout.[\/vc_column_text]
<\/div>[vc_column_text]Content Layouts – <\/strong>Set the content layout of your site. You can also create it in ThemePluginPro > Layout > Content Layout.[\/vc_column_text]
<\/div>[vc_column_text]Footer Layout – <\/strong>Set the footer layout of your site. You can also create it in ThemePluginPro > Layout > Footer Layout.[\/vc_column_text]
<\/div>
Container Setting<\/h6>[vc_column_text]Container Layout – <\/strong>Set the display mode of the theme, Boxed or Wide.[\/vc_column_text]
<\/div>[vc_column_text]Content Margin –\u00a0<\/strong>Set the spacing around the content area.[\/vc_column_text]
<\/div>[vc_column_text]Container Width –\u00a0<\/strong>Set the width of the content area. You can also set a responsive width for different resolutions.[\/vc_column_text]
<\/div>

Design<\/h3>

Body Background<\/h6>[vc_column_text]Set the background color or background image for the theme.[\/vc_column_text]
<\/div>
Content Style<\/h6>[vc_column_text]Set the text color, size and etc. of the content area.[\/vc_column_text]
<\/div>
H1 - H6 Style<\/h6>[vc_column_text]Set the text color, size and etc. of heading 1 \u2013 heading 6.[\/vc_column_text]
<\/div>
Button Color<\/h6>[vc_column_text]Set button color.[\/vc_column_text]
<\/div>

Loading Style<\/h3>[vc_column_text]The loading animation will be displayed when loading page.[\/vc_column_text]
<\/div>[vc_single_image image=”840″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Enabled – <\/strong>Set to enable the loaded animation.[\/vc_column_text]
<\/div>[vc_column_text]Background Color – <\/strong>Set the background animation of loaded animation.[\/vc_column_text]
<\/div>[vc_column_text]Color – <\/strong>Set the color of the circles.[\/vc_column_text]
<\/div>[vc_column_text]Loading Text – <\/strong>Set the text of Loading.[\/vc_column_text]
<\/div>

Fixed Widget<\/h3>[vc_column_text]The Fixed widget will be displayed at the right bottom of the page.[\/vc_column_text]
<\/div>[vc_single_image image=”236″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Enabled Fixed Widget – <\/strong>Set whether to display the widget.[\/vc_column_text]
<\/div>[vc_column_text]Social Media icon – <\/strong>Set the text and link of the social media.[\/vc_column_text]
<\/div>[vc_column_text]BackTop – <\/strong>Set whether to display the back to top icon.[\/vc_column_text]
<\/div>[vc_column_text]BackTop Text – <\/strong>Set the text when hovering the back to top icon.[\/vc_column_text]
<\/div>

Page Title<\/h3>[vc_column_text]Page Title Enabled – <\/strong>Set whether to enable page title.[\/vc_column_text]
<\/div>[vc_column_text]Page Title Layout – <\/strong>Set whether to display the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Vertical Layout – <\/strong>In this layout, title and\u00a0 breadcrumb are displayed in 2 separated rows.[\/vc_column_text]
<\/div>[vc_single_image image=”843″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Horizontal Layout – <\/strong>In this layout, title and description are displayed in the same row.[\/vc_column_text]
<\/div>[vc_single_image image=”845″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Height – <\/strong>Set the height of the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Display Arrow – <\/strong>Set whether to display the downwards arrow. The page will scroll down to the content area when the arrow is clicked.[\/vc_column_text]
<\/div>[vc_single_image image=”847″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Display Breadcrumbs – <\/strong>Set whether to display breadcrumbs.[\/vc_column_text]
<\/div>[vc_column_text]Scrolling Text Animation – <\/strong>When scroll down the page, set whether to display scrolling animation for text.[\/vc_column_text]
<\/div>[vc_column_text]Background Color – <\/strong>Set the background color of the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Background Image – <\/strong>Set the background image of the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Color Overlay – <\/strong>Set whether to display the background shade layer. The shade layer will be displayed over the page title. You can also set the background color and its transparency.[\/vc_column_text]
<\/div>[vc_column_text]Font Color – <\/strong>Set the text color of the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Font Size – <\/strong>Set the text size of the page title area.[\/vc_column_text]
<\/div>[vc_column_text]Background Region – <\/strong>Set the display range of the background whether to include header area.[\/vc_column_text]
<\/div>

Breadcrumbs<\/h3>[vc_column_text]Display Breadcrumbs – <\/strong>Set whether to display the breadcrumb area.[\/vc_column_text]
<\/div>[vc_column_text]Location – <\/strong>Set the location of the breadcrumb to be inside the page title or outside the page title.[\/vc_column_text]
<\/div>[vc_column_text]Text Align – <\/strong>Set how to align breadcrumb, to be left align, center align, or right align.[\/vc_column_text]
<\/div>[vc_column_text]Layout – <\/strong>Set the width of the breadcrumb area.[\/vc_column_text]
<\/div>[vc_column_text]Background Color – <\/strong>Set the background color of the breadcrumb area.[\/vc_column_text]
<\/div>[vc_column_text]Spacing – <\/strong>Set the spacing around the breadcrumb text.[\/vc_column_text]
<\/div>[vc_column_text]Display Border Line – <\/strong>Set whether to display the line at the bottom of the breadcrumb area.[\/vc_column_text]
<\/div>[vc_column_text]Breadcrumbs Style – <\/strong>Set the style of breadcrumbs, and there are 3 styles in total.[\/vc_column_text]
<\/div>[vc_single_image image=”245″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”246″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”247″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Breadcrumbs Accent Color – <\/strong>Set the accent color of the breadcrumb.[\/vc_column_text]
<\/div>[vc_column_text]Breadcrumbs Color – <\/strong>Set the text color of the breadcrumb.[\/vc_column_text]
<\/div>[vc_column_text]Breadcrumbs Font Size – <\/strong>Set the text size of the breadcrumb.[\/vc_column_text]
<\/div>[vc_column_text]Breadcrumbs Line Height – <\/strong>Set the line height of the breadcrumb text.[\/vc_column_text]
<\/div>

Sidebar<\/h3>[vc_column_text]Enabled – <\/strong>Set whether to enable sidebar.[\/vc_column_text]
<\/div>[vc_column_text]Sidebar Position – <\/strong>Set the position of sidebar on the left of page or on the right of page.[\/vc_column_text]
<\/div>[vc_column_text]Sidebar Width\u00a0\u2013 <\/strong>The theme is using bootstrap framework, the width of content section is divided into 12 columns. You can set how many columns that the sidebar can take here.[\/vc_column_text]
<\/div>[vc_column_text]Fixed Sidebar\u00a0\u2013 <\/strong>Set whether to enable the fixed function of sidebar. When content scrolls, the sidebar will be fixed, so it will not scroll with the roll of content.[\/vc_column_text]
<\/div>[vc_column_text]Sidebar Spacing \u2013 <\/strong>Set the distance around the Sidebar.[\/vc_column_text]
<\/div>

Sidebar Menu<\/h3>[vc_column_text]Display Sidebar Menu – <\/strong>Set whether to enable sidebar menu.[\/vc_column_text]
<\/div>[vc_column_text]Menu level\u00a0\u2013 <\/strong>Set the display level of the menu. Set to ALL, menus of all levels will be displayed. Set to 1, menus under the 1st level will be displayed (1st level menus themselves are not included). Set to 2, menus under the 2nd level will be displayed (2nd level menus themselves are not included )[\/vc_column_text]
<\/div>[vc_column_text]Menu Color – <\/strong>Set the text color of the menu.[\/vc_column_text]
<\/div>[vc_column_text]Menu Font Family – <\/strong>Set the font family of the main menu text.[\/vc_column_text]
<\/div>[vc_column_text]Menu Font Weight – <\/strong>Set the font weight of the main menu text.[\/vc_column_text]
<\/div>[vc_column_text]Menu Font Size – <\/strong>Set the font size of the main menu text.[\/vc_column_text]
<\/div>[vc_column_text]Menu Line Height – <\/strong>Set the line height of the main menu text.[\/vc_column_text]
<\/div>[vc_column_text]Sub Menu Font Family – <\/strong>Set the font family of the sub menu text.[\/vc_column_text]
<\/div>[vc_column_text]Sub Menu Font Weight – <\/strong>Set the font weight of the sub menu text.[\/vc_column_text]
<\/div>[vc_column_text]Sub Menu Font Size – <\/strong>Set the font size of the sub menu text.[\/vc_column_text]
<\/div>[vc_column_text]Sub Menu Line Height – <\/strong>Set the line height of the sub menu text.[\/vc_column_text]
<\/div>

Footer<\/h3>[vc_column_text]Footer Mode \u00a0\u2013 <\/strong>Choose the display mode of footer.\u00a0 Scroll means footer area will scroll with the roll of page; Fixed means footer area will remain fixed at the bottom of page.[\/vc_column_text]
<\/div>

Plugins<\/h3>[vc_column_text]This theme has integrated many jQuery plugins and CSS plugins. You can set to enable or disable the plugins. Disabling some plugins that are not used in your site can speed up the access speed.[\/vc_column_text]
<\/div>[vc_column_text]jQuery Library \u2013 <\/strong>Set whether to enable the jQuery plugin.[\/vc_column_text]
<\/div>[vc_column_text]CSS Library \u2013 <\/strong>Set whether to enable the CSS plugin.[\/vc_column_text]
<\/div>

Accessibility<\/h3>[vc_column_text]This theme includes the attribute aria-label<\/code>. In some situations, attribute\u00a0aria-label<\/code>\u00a0provides an accessible name for situations when there is no visible label due to a chosen design approach or layout but the context and visual appearance of the control make its purpose clear.[\/vc_column_text]
<\/div>[vc_column_text]Such as: On a page, a link displays a pop-up box (a div) with additional information. The ‘close’ element is implemented as a button containing merely the letter ‘x’. The property\u00a0aria-label=\"close\"<\/code>\u00a0is used to provide an accessible name to the button.[\/vc_column_text]
<\/div>[vc_column_text]You can change the value of aria-label on the page through this setting.[\/vc_column_text]
<\/div>

Custom Code<\/h3>[vc_column_text]You can add additional CSS and JS codes to the theme through this setting.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]In this setting page, you can do global settings to the appearance of the entire site. Reminder Since browser cache exists, your page probably won\u2019t display the setting result properly after saving. Therefore, you need to press Ctrl+F5 to refresh your page.[\/vc_column_text][vc_column_text]Header Layout – Set the header layout of your site. You can also create […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":56,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/67"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":44,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/67\/revisions\/960"}],"up":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/56"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}