How to do General Settings
Here you can make general settings for your complete website. This setting allows you to set the layout, site-width, color scheme, body font and headings font.
Layout: Select the layout from the pull-down box. Chose between wide or boxed.
Site Width: Set the site width by entering the value in the textbox like 100% or 1170px.
Color Scheme: Select the color scheme as Red, Green & Blue& from the pull-down box. Otherwise, it will show default color.
Body Font: Select the font-family,backup and font-weight style from the available drop-down boxes. Default value is open sans.
Headings Font: Select the font-family, backup font-family and font-weight & style from the given options. Default value is open sans.
How to do Topbar settings
Show Topbar: Select YES to display the topbar on header and NO to hide the topbarfrom header. By default it is enabled. You can add content to the topbar from Widgets.
Topbar Wide Layout: Select YES to set the topbar to 100% width of browser and NO to take default width. Default value is NO.
Customize Topbar: Personalize the topbar design. Select YES for more options to customize the style of topbar. Default value is NO
Topbar Background Color: Select a background color for topbar. Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.
Topbar Text Color: Select text color for topbar. Default color is #333333 (black). Mark tick for link color transparent. Click here for color codes.
Topbar Link Hover Color: Select a link hover color for topbar. Default color is #333333 (black). Mark tick for link hover color transparent. Click here for color codes.
How to do Header settings
Show Header:
Select YES to display the header and NO to hide the header. Default value is YES.
Header Wide Layout:
Select YES to set the header to 100% width of browser and NO to take default width. Default value is NO.
Header Position:
Select the header position as Top, Left or Right by selecting dropdown. Default value is Top.
Show Logo:
Select YES to display the logo and NO to hide the logo. Default value is NO.
Logo:
Select logo image by click on Upload button and simply remove the logo by click on Remove button.
Logo Height:
Set the height for the logo by entering the value in the textbox or by increasing or decreasing the slidebar. Default height value is 50.
Show Site Title:
Select YES to show site title and NO to hide title. Default value is YES. You can change the title of your website in General Settings
Show Tagline:
Select YES to show the tagline and NO to hide the tagline. Default value is YES. You can change the tagline of your website in General Settings
Logo alignment:
Select the alignment for the Logo as Left, Center or Right.
Show Banner:
Select YES to show the banner and NO to hide the banner. Default value is NO. You can add banner to the header at Widgets.
Show Transparent Header
Select YES to show the transparent header and NO to hide the transparent header. Default value is NO.
Show Sticky Header
Select YES to show the sticky header and NO to hide the sticky header. Default value is NO.
Customize Header
Select YES for more options to customize the style of header. Default value is NO.
Header Background Color
Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.
Header Text Color
Default color is #333333 (black). Mark tick for text color transparent. Click here for color codes.
Header Link Color
Default color is #333333 (black). Mark tick for link color transparent. Click here for color codes.
Header Link Hover Color
Default color is #333333 (black). Mark tick for link hover color transparent. Click here for color codes.
Main Menu settings
Start writing or type / to choose a block
Show Naviagtion:
Select YES to display the navigation and NO to hide the navigation. Default value is YES>.
Main Menu Wide Layout
Select YES to set the main menu to 100% width of browser and NO to take default width. Default value is NO.
Main Menu Layout
Select the main menu layout as Horizontal or Vertical by selecting dropdown. Default value is Horizontal.
Main Menu Postion
Select the main menu position as Inside Header or Outside Header by selecting dropdown. Default value is Inside Header.
Main Menu Animation
Select the animation for the main menu by selecting dropdown. Default no animation is selected.
Main Menu Alignment
Select the alignment for the main menu as Left, Center or Right.
Main Menu Height
Set the height for the main menu by entering the value in the textbox or by increasing or decreasing the slidebar. Default height value is 50.
Customize Main Menu
Select YES for more options to customize the style of main menu. Default value is NO.
Main Menu Background Color
Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.
Main Menu Link Color
Default color is #545454 (dark grey). Mark tick for link color transparent. Click here for color codes.
Main Menu Link Hover Color
Default color is #1570a6 (blue). Mark tick for link hover color transparent. Click here for color codes.
Main Menu Link Hover Background Color
Default color is #f2f2f2 (white smoke). Mark tick for link hover background color transparent. Click here for color codes.
Submenu Background Color
Default color is #f2f2f2 (white smoke). Mark tick for submenu background color transparent. Click here for color codes.
Submenu Link Color
Default color is #1570a6 (blue). Mark tick for link color transparent. Click here for color codes.
Submenu Link Hover Color
Default color is #1570a6 (blue). Mark tick for link hover color transparent. Click here for color codes.
Submenu Link Hover Background Color
Default color is #d2d2d2 (light grey). Mark tick for link hover background color transparent. Click here for color codes.
Slider Settings
Show Slider
Select YES to display the slider and NO to hide the slider. Default value is NO.
Slider Wide Layout
Select YES to set the slider to 100% width of browser and YES to take default width. Default value is NO.
Select Slider
Select the slider from dropdown. Default no slider selected.
How to Set Page Title Bar
Show Page Title Bar
Select YES to display the page title bar and NO to hide the page title bar. Default value is YES.
Page Title Bar Wide Layout
Select YES to set the page title bar to 100% width of browser and NO to take default width. Default value is YES.
Show Title
Select YES to show the title on page title bar and NO to hide the title on page title bar. Default value is YES.
Show Description
Select YES to show the description on page title bar and NO to hide the decription on page title bar. Default value is YES.
Customize Page Title Bar
Select YES for more options to customize the style of page title bar. Default value is NO.
Page Title Bar Background Color
Default color is #333333 (black). Mark tick for title bar background color transparent. Click here for color codes.
Page Title Bar Text Color
Default color is #FFFFFF (white). Mark tick for title bar text color transparent. Click here for color codes.
Page Title Bar Link Color
Default color is #FFFFFF (white). Mark tick for title bar link color transparent. Click here for color codes.
Page Title Bar Link Hover Color
Default color is #FFFFFF (white). Mark tick for title bar link hover color transparent. Click here for color codes.
Page settings
Page Wide Layout
Select YES to set the page layout to 100% width of browser and NO to take default width. Default value is YES
Show Page Top Area
Select YES to display the further options to customize page top area and NO to hide the page top area. Default value is NO.
Page Top Area Wide Layout
Select YES to set the page top area layout to 100% width of browser and NO to take default width. Default value is NO.
Customize Page Top Area
Select YES for more options to customize the style of page top area. Default value is NO.
Page Top Area Background Color
Default color is #333333 (black). Mark tick for page top area background color transparent. Click here for color codes.
Page Top Area Heading Color
Default color is #FFFFFF (white). Mark tick for top area heading color transparent. Click here for color codes.
Page Top Area Text Color
Default color is #FFFFFF (white). Mark tick for top area text color transparent. Click here for color codes.
Page Top Area Link Color
Default color is #FFFFFF (white). Mark tick for top area link color transparent. Click here for color codes.
Page Top Area Link Hover Color
Default color is #FFFFFF (white). Mark tick for top area link hover color transparent. Click here for color codes.
Show Page Bottom Area
Select YES to display the further options to customize page bottom area and NO to hide the page bottom area. Default value is NO.
Page bottom Area Wide Layout
Select YES to set the page bottom area to 100% width of browser and NO to take default width. Default value is NO.
Show Page Padding
Select YES to display the page padding and NO to hide the page padding. Default value is YES.
Customize Page Bottom Area
Select YES for more options to customize the style of page bottom area. Default value is NO.
Page Bottom Area Background Color
Default color is #333333 (black). Mark tick for page bottom area background color transparent. Click here for color codes.
Page Bottom Area Heading Color
Default color is #FFFFFF (white). Mark tick for page bottom area heading color transparent. Click here for color codes.
Page Bottom Area Text Color
Default color is #FFFFFF (white). Mark tick for page bottom area text color transparent. Click here for color codes.
Page Bottom Area Link Color
Default color is #FFFFFF (white). Mark tick for page bottom area link color transparent. Click here for color codes.
Page Bottom Area Link Hover Color
Default color is #FFFFFF (white). Mark tick for page bottom area link hover color transparent. Click here for color codes.
Show Left Sidebar
Select YES to display left sidebar and NO to hide left sidebar. Default value is NO.
Show Right Sidebar
Select YES to display right sidebar and NO to hide right sidebar. Default value is NO.
Show Naviagtion:
Select YES to display the navigation and NO to hide the navigation. Default value is YES.
Customize Sidebar
Select YES for more options to customize the style of sidebar. Default value is NO.
Sidebar Background Color
Default color is #333333 (black). Mark tick for sidebar background color transparent. Click here for color codes.
Sidebar Heading Color
Default color is #333333 (black). Mark tick for sidebar heading color transparent. Click here for color codes.
Sidebar Text Color
Default color is #FFFFFF (white). Mark tick for sidebar text color transparent. Click here for color codes.
Sidebar Link Color
Default color is #FFFFFF (white). Mark tick for sidebar link color transparent. Click here for color codes.
Sidebar Link Hover Color
Default color is #FFFFFF (white). Mark tick for sidebar link hover color transparent. Click here for color codes.
Show Content Top Area
Select YES to display the content top area and NO to hide the content top area. Default value is NO.
Show Content Bottom Area
Select YES to display the content bottom area and NO to hide the content bottom area. Default value is NO.
Customize Page
Select YES for more options to customize the style of page. Default value is NO.
Show Page Content Padding
Select YES for enable page content padding. Default value is NO.
Page Background Color
Default color is #FFFFFF (white). Mark tick for page background color transparent. Click here for color codes.
Page heading Color
Default color is #333333 (black). Mark tick for page heading color transparent. Click here for color codes.
Page Text Color
Default color is #333333 (black). Mark tick for page text color transparent. Click here for color codes.
Page Link Color
Default color is #333333 (black). Mark tick for page link color transparent. Click here for color codes.
Page Link Hover Color
Default color is #333333 (black). Mark tick for page link hover color transparent. Click here for color codes.
How to set footer
Show Footer Widgets
Select YES to display the footer widgets and NO to hide the footer widgets. Default value is YES.
Footer Wide Layout
Select YES to set the footer to 100% width of browser and NO to take default width. Default value is NO.
Customize Footer
Select YES for more options to customize the style of footer. Default value is NO.
Footer Background Color
Default color is #333333 (black). Mark tick for background color transparent. Click here for color codes.
Footer Heading Color
Default color is #333333 (black). Mark tick for heading color transparent. Click here for color codes.
Footer Text Color
Default color is #FFFFFF (white). Mark tick for text color transparent. Click here for color codes.
Footer Link Color
Default color is #FFFFFF (white). Mark tick for link color transparent. Click here for color codes.
Footer Link Hover Color
Default color is #FFFFFF (white). Mark tick for link hover color transparent. Click here for color codes.
FOOTER COPYRIGHT SETTINGS
Show copyright bar
Select YES to display the copyright bar and NO to hide the copyright bar. Default value is YES.
Copyright Bar Wide Layout
Select YES to set copyright bar to 100% width of browser and NO to take default width. Default value is NO.
Footer Copyright Background Color
Default color is #333333 (black). Mark tick for background color transparent. Click here for color codes.
Customize Footer Copyright
Select YES for more options to customize the style of footer copyright. Default value is NO.
Footer Copyright Text Color
Default color is #FFFFFF (white). Mark tick for text color transparent. Click here for color codes.
Footer Copyright Link Color
Default color is #FFFFFF (white). Mark tick for link color transparent. Click here for color codes.
Footer Copyright Link Hover Color
Default color is #FFFFFF (white). Mark tick for link hover color transparent. Click here for color codes.
How to set blogs
Blog Archive Layout
Select the layout from dropdown as List, Grid or Timeline. Default List is selected.
Grid Layout number of Columns
Select whether to display the grid layout in 2, 3 or 4 columns.
Show Excerpt
Select YES to display the excerpt and NO to hide the excerpt. Default value is YES.
Excerpt Length
Enter the number of words.
Featured Image
Select YES to display the featured image and NO to hide the featured image. Default value is YES.
Title
Select YES to display the blog archive title and NO to hide the blog archive title. Default value is YES.
Title Link
Select YES to display the blog archive page and NO to hide the blog archive page. Default value is YES.
Read More Link
Select YES to enable the read more link on blog archive page and NO to hide the read more link on blog archive page. Default value is YES.
Read More Text
Enter the text.
Show Date
Select YES to display the date on blog archive page and NO to hide the date on blog archive page. Default value is YES.
Date Format
F describe the full name for the month, j describes the day of the month and Y describes the year in 4 digits. for e.g. F j, Y - November 6, 2018 Formatting Date and Time
Author Meta
Select YES to display the author meta on blog archive page and NO to hide the author meta on blog archive page. Default value is YES.
Category Meta
Select YES to display the category meta on blog archive page and NO to hide the category meta on blog archive page. Default value is YES.
Meta Tags
Select YES to display the meta tags on blog archive page and NO to hide the meta tags on blog archive page. Default value is YES.
Featured Image
Select YES to display the featured image on blog single page and NO to hide the featured image on blog single page. Default value is YES.
Enable Date
Select YES to display the date on blog single page and NO to hide the date on blog single page. Default value is YES.
Date Format
m describe the numeric value for the month, Y describes the year in 4 digits. for e.g. m, Y - 11, 2018 Formatting Date and Time
Author Meta
Select YES to display the author meta on blog single page and NO to hide the author meta on blog single page. Default value is YES.
Category Meta
Select YES to display the category meta on blog single page and NO to hide the category meta on blog single page. Default value is YES.
Meta Tags
Select YES to display the meta tags on blog single page and NO to hide the tags meta on blog single page. Default value is YES.
Comments
Select YES to display the comments on blog single page and NO to hide the comments on blog single page. Default value is YES.
Social Icons
Select YES to display the social icons on blog single page and NO to hide the social icons on blog single page. Default value is YES.
SITE IDENTITY
Site Title: Enter the title of the site.
Tagline: Write a catchphrase or slogan that best describes your site.
Site Icon
Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. Upload one here
Remove: At the bottom of the screen is remove button. You can click this button to remove the site icon.
Change Image: Click on the change image button, then either upload the image or chose one from the media library.
Show Naviagtion:
Select YES to display the navigation and NO to hide the navigation. Default value is YES.
Publish: In the top right corner click the blue colored button to save your changes.
MENUS
Clicking on the menu item in the sidebar, will open a new customize screen where you can create your new menu by clicking on the "Create New Menu".
Menu Name: Type the name of the menu in the text box.
Menu Location: Chose the location where you want to place the menu. Check the box next to text primary to place the menu in the primary location. But if you plan to use a widget you can skip this step. Click “Next” to start adding links to your new menu.
Click “Add Items” to start putting pages, categories, and custom links in your menu. Add as many things as you’d like.
Menu Location
Your theme can display menus in one location. Your theme can display menus in one location. Select which menu you would like to use.
If your theme has widget areas, you can also add menus there. Visit the Widgets panel and add a “Navigation Menu widget” to display a menu in a sidebar or footer.
Check the box next to text Primary (Current: Primary Menu).
Menu Options
Check the box if you want to automatically add new top-level pages to this menu.
WIDGETS
Themes usually have at least 1 or 2 sidebars. Sidebars are the narrow columns to the left or right of your blog posts. Each section in the sidebar is known as a "Widget" that you can add or remove, and move up or down.
You configure Widgets in your sidebar by via this Widgets menu. Although you can configure Widgets via Administration > Appearance > Widgets menu, you can see your changes in
Darlic provides access to 8 different widget areas. Click on the widgets in the sidebar menu to check the list of widget areas.
Page Top Area: The screen will show two types of widgets which are listed below:
- Aione-Breadcrumbs: This is to add the breadcrumbs in the top area of the page. Clicking on the
down ward arrow, a text box appears, where you can insert the required breadcrumbs. Below the text boxappears remove and donelink . If you have made the required changes you can click on the done link and if breadcrumbs alreadyexists you can and you wish to remove them then click on the remove link. - Search: Clicking on the downward arrow, appears the area where you can configure your search box. The area provides a text box to fill the title for the search box and below the
box you can click on the done link to save your changes. If the box is already there then you can and now you don't find it useful there you can click on the remove link to delete the search box from the page. - Reorder: This link is to change the order of the widgets.
- Add a widget: The button lies next to the reorder link and it allows you to add new widgets in the area.
- Publish: This blue button at the top of the customizer screen allows you to make your changes final. That is all the made changes are saved on the page.
FOOTER is divided into four columns and each column can be configured by adding desired widgets.
Footer Column 1: Clicking on the downward arrows results in a new screen to add or remove "About" widget.
About: This widget lets you have a short description of the site in the footer section. When clicked on the downward arrow appears a text editor area where you can add text and customize it as per your needs. Click the done link once you have made your changes. Remove the widget by clicking on the remove link if you find it irrelevant in the column.
Footer Column 2: Click on the downward arrow to make changes in the second column of the footer. Already existing widget is of social icons that you can either replace with another widget or can keep the same. Clicking on the widget opens a area where you can customize your social icons.
Title: Enter the title in the text box.
Size: Choose the size from the pull down box. You can make it small, medium, large or extra large.
Icons Theme: This option enables you to select the color for icons from the drop-down box. List of colors includes dark, dark solid, dark outline, light, light solid and light outline.
Icon Style: Choose a style for your icons. Make it as it suits your design. Available styles include rounded, circle and square.
Icon Direction: Choose horizontal or vertical direction for your icons.
Show labels: Check this box to show the labels on icons and uncheck to hide the labels.
This widget allows you to add links for listed social media sites. For each site a text box is provided where you can add the link of your site.
Facebook
Twitter
YouTube
Google+
LinkedIn
Instagram
Flickr
GitHub
Pinterest
RSS Feed
Tumblr
Vimeo
WordPress
Click on done link once you are finished with all the required changes.
Remove: you can delete the widget from the customize widget screen and from the site as well by clicking on remove link.
Reorder: This link lets you change the order of the widgets.
Footer Column 3: You can customize the column as per your design needs but one can add links widget in this screen. The links of different pages can be added. By clicking the downward arrow on the links widget which will display an editor to add the links. Save your changes by clicking the done button. If the live preview of the site looks good with the changes that you have made you can then click on publish button.
In the similar way you can choose different widgets for below listed widget areas.
Footer Column 4
Copyright Left
Copyright Right
HOMEPAGE SETTINGS
You can choose what’s displayed on the homepage of your site. It can
Click on the radio button to select your homepage displays. Select your latest posts or a static page.
Homepage: Form the pull down box select your homepage.
Add New Page: Click on the add new button. A text box will appear where you can add new page title. Then click on the add button to list page in the menu.
Posts Page
Select the page from the pull down box.