Marpha

Theme Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and set up your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select the current version of marpha.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate the theme by clicking Activate on link as appear on your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

  • One-Click Demo Import

    Precise Themes
    Precise Themes

    1. Install One Click Demo Import Plugin and Activate.
    2. Go to Appearance > Themes and Activate BlogasmTheme if it is not activated.
    3. Then Go to Appearance > Import Demo Data
    4. Click the Demo Import Data button.

     

  • Home Page / Static Front Page Setup

    By default, Your latest posts are activated and show 10 posts per page at the front page of your site. If you want to set a static page as a front-page then you can follow those steps.

    • Go to Appearance > Customize > Static Front Page
    1. Click on A static page to set a static page.
    2. Select a page from drop-down menu for FrontPage.
    3. Select a page for posts page where your latest posts will be shown.
    4. Save Changes Save & Publish.

    [ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add a new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to appear in Menu.
  4. Customize added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.Precise Themes

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

Header

  • Go to Appearance > Customize > Header
  1. Site Title & Tagline
    Set Logo, Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title ), Display Tagline ( Toggle button to show/hide Site Tagline ), Site Icon.
  2. Social Profiles
    Toggle to Enable/Disable the social profiles header.
  3. Header Search
    Enable/Disable Search Icon in header & it register new Search Popup Column 1 widget area and you can place widgets.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allows to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support theme custom icon as well as upload custom image as custom icon.Precise Themes

Sidebar Settings

  • Go to Appearance > Customize > Sidebar Settings
  1. Sidebar
    Set default sidebar layout option
    ( No Sidebar – Full width, Left Sidebar and Right Sidebar) for all pages. Default option is Right Sidebar.Precise Themes

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Sidebar
    Set Sidebar option for archive/blog, Default Layout is inherit from Sidebar settings > Sidebar.Precise Themes

Footer

  • Go to Appearance > Customize > Footer
  1. Widgets
    Toggle button to Enable/Disable footer widget area and set background overlay color. It generates some widget areas for Footer. Add widgets to any of column to enable.

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Support

  1. Forum Support: Create a Topic
    Support e-mail: precisethemes@gmail.com, info@precisethemes.com
  2. Facebook Support GroupJoin Now

Elan Pro

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of elan-pro.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Responsive Tabs[Advanced User]

  1. This is one of most useful features in this theme for the advanced user who want to set their own content spacing for desktop, laptop, tablet and mobile device. To set the settings for each content spacing just go to customizer section and set values for each responsive tabs.

Theme Customizer

Coming Soon

  • Go to Appearance > Customize > Coming Soon
  1. Settings
    Click on Toggle button to active Maintenance Mode and fill out all necessary fields.
  2. Social Profiles
    Click on Toggle button to display Social Section. Add new Social Profiles through Appearance > Customize > Social > Social Profiles.
  3. Countdown Timer
    Click on Toggle button to display Timer Section and select the lunch date of your site.
  4. Email Subscribe
    Click on Toggle button to register new Coming Soon Page sidebar widget area. Now drag & drop MailChimp Widget in Coming Soon Page sidebar area to work properly.
  5. Save Changes Save & Publish.

General Settings

  • Go to Appearance > Customize > General Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Colors
    Set background color of website.
  2. Website Width
    Set website container width, padding, box-shadow as well as content wrapper width.
  3. Breadcrumb
    Enable/Disable breadcrumb of website as well as you can set breadcrumb separator.
  4. Button Settings
    Set Button settings such as margin, padding, border, colors, box shadow and typography. This settings reflect on entire website.
  5. Smooth Scroll
    Enable/Disable smooth scroll in site. To set new smooth scroll change Animation Time and Step Size</strong values.
  6. Human Time Diff
    Enable/Disable to set posted time as humna time difference.
  7. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Global Settings

  • Go to Appearance > Customize > Global Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Base Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Page Header
    Enable/Disable page header section just before breadcrumb of website. It includes lists of options such as padding, margin, background image, background overlay color, typography and so on.
  3. Post Meta
    Set post meta label text for website as well as you can choose the separator style for categories and tags listing.
  4. Read More Button
    Set Read More Button display type as well as margin, padding, border, colors and box shadow as per Read More Button type selection.
  5. Before/After Widgets
    Enable/Disable register sidebar widget area in before/after content of page. To display the widgets select widget area from given Dropdown lists for before content and after content.

Header

  • Go to Appearance > Customize > Header
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Header Top Bar
    Enable/Disable header top bar section. You will get list of sortable elements in top header bar such as Top Menu, Social Menu and Top Header Text. You can also set the top header text color scheme, background color and columns alignment.
  2. Header Layout
    Set header display layout from this option. You will get total 8 header layouts.
  3. Header Image
    Set Header Image and Background Overlay Color for header section which will display just below the header section.
  4. Site Title & Tagline
    Set Logo, Logo Height, Short Site Title ( Replace Site Title while displaying site header ), Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title, set Typography, Padding & Margin ), Display Tagline ( Toggle button to show/hide Site Tagline, set Typography & Margin ), Site Icon.
  5. Language Switcher
    Toggle to Enable/Disable the language switcher of website in header. According to header layouts selection WPML or Polylang language switcher display in header. Until and unless active WPML Or Polylang plugin and set languages it won’t be display in header.
  6. Social Profiles
    Toggle to Enable/Disable the social profiles header.
  7. Header Search
    Enable/Disable Header Search in header. It only work on certain header layouts those layouts having search icon. You can also set the search popup container in columns by selecting the number of columns. This columns selection register search widget area and you can place widgets.
  8. Slide-in Box
    Enable/Disable Slide-in Box in header. It only work on certain header layouts those layouts having Slide-in Box( 3 dots icon ). By enable the Slide-in Box crate new Slide-in Box widget area in which you can add widgets.
  9. Settings
    This options allow you to set the Header Display Type ( scroll, sticky & show on scroll upwards ), Header Container Padding and Margin ( top & bottom ), Header Box Shadow and Header Elements: Margin.
  10. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for the header site title & tagline.

Primary Menu Settings

  • Go to Appearance > Customize > Menus > Primary Menu Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Header Menu Settings
    Set header menu container border, border color & margin. Like wise you can set menu item padding and primary menu colors from here.
  2. Highlighted Primary Menu
    Set highlighted menu item in header menu by selecting one of the primary menu item. It also allow you set colors, margin and padding for the highlighted primary menu item.
  3. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Spacing for the header menu and highlighted primary menu item.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.
  2. Social Share
    This option allow to enable or disable lists of Social Share and re-arrange the order of appearance. Social Share icons will support font awesome icon.

Sidebar Settings

  • Go to Appearance > Customize > Sidebar Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Sidebar
    Set default sidebar layout option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: such as Front Page, Archive/Blog Page, Single Post and Single Page. Even it allows more options such as choose sidebar area, sidebar separator, background for the sidebar area and widget border, border color and background color.
  2. Spacing
    Set sidebar spacing such as padding, margin, width and gap from here.
  3. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the sidebar widget title.

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for homepage.
  3. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Hero Section

  • Go to Appearance > Customize > Hero Section
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Visibility
    Toggle to Enable/Disable Hero section according to tab selection.
  2. Content
    Add Hero Section content (Image, Title, Sub title, Short Description, Button text & URL. You can also make sortable hero content. If more then one content display as in slider. Sort the hero content to display according to sorting order.
  3. Button
    Set hero button display type as well as margin, padding, border, colors and box shadow as per button type.
  4. Content Settings
    Set hero display content settings content position, text alignment and overlay background color.
  5. Content Spacing
    Set hero section width, height, margin and padding from here.
  6. Slider Settings
    Set hero slider settings such as effect, speed, loop, autoplay, navigation & pagination etc.
  7. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the hero title, subtitle and description.

Error 404 Page

  • Go to Appearance > Customize > Error 404 Page
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for error 404 page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Content
    Set content title, error image and description for the error 404 page.
  3. Content Settings
    Set back to home button in error 404 page as well as enable/disable the elements on content section.
  4. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for Error 404 page.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for Archive/Blog page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Set archive/blog column background color, border, box-shadow, enable/disable line separator for the columns and column effects.
  3. Content Settings
    Set content settings which allows to show or hide the elements as well as sort it. You can also set Text alignment, limit the post excerpt, show elements of featured image while hover it and show/hide tags label & icon too.
  4. Content Spacing
    Set archive/blog section margin and padding from here.
  5. Thumbnail Settings
    Set archive/blog thumbnail settings such as thumbnail hover: Image effect, content order on thumbnail image, content width, content spacing[ margin & padding ], content position, text alignment and colors.
  6. Read More
    Set read more button text of blog/archive pages.
  7. Pagination Settings
    Set pagination section settings such as padding, margin, alignment, colors, typography and box shadow. It act as global for homepage/archive page/blog page.
  8. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for archive/blog page.
  9. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  10. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post excerpt and post meta.

Category Settings

  • Go to Appearance > Customize > Category Settings > Category Name ( individual category in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Tag Settings

  • Go to Appearance > Customize > Tag Settings > Tag Name ( individual tag in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Author Settings

  • Go to Appearance > Customize > Author Settings > Author Name ( individual author in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page. It also allow to show/hide avatar, website, biographical info and social profiles in page header section.
  2. Social Profiles
    Set list of sortable social profiles for this current user.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings > page header. Assign new default settings for page header of all single posts.
  2. Content Settings
    Set content settings such as text alignment and sort elements for content header, content footer section and enable/disable post meta icon & label text.
  3. Content Spacing
    Set single post content margin and padding from here.
  4. Post Navigation
    Set default layout of post navigation as well as image border color, radius and post title typography . It allow you display the post navigation as floating or static.
  5. Author Box
    Set author box section options such as section title, background, padding, boarder, avatar border & color and enable social profiles.
  6. Related Posts
    Set related posts section options such as section title text, content settings, content spacing, read more text and typography.
  7. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for the single post page.
  8. Sidebar
    Set Sidebar option for all single post, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  9. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post content, post meta and section title.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings > page header. Assign new default settings for page header of all single pages.
  2. Content Settings
    Set content settings such as text alignment and sort elements for content header, content footer section.
  3. Content Spacing
    Set single page content margin and padding from here.
  4. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for single page.
  5. Sidebar
    Set Sidebar option for all single page, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  6. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the page title, page subtitle, page content and section title.

Search Page Settings

  • Go to Appearance > Customize > Search Page Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for search page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Set search page column background color, border and box-shadow.
  3. Content Settings
    Set content settings such as show or hide the elements as well as sort it. You can also set Text alignment, content border and show/hide tags label & icon too.
  4. Content Spacing
    Set content spacing such as margin and padding from here.
  5. Read More
    Set read more button text of search result page.
  6. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for search page.
  7. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  8. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post excerpt and post meta.

Instagram

  • Go to Appearance > Customize > Instagram
  1. Account
    Set your Instagram account user name and access token key from here which acts as global for whole site.
  2. Show on Footer
    Toggle to enable to show Instagram Feeds in footer area of site and set the respective input fields.

Popup Box

  • Go to Appearance > Customize > Popup Box
  1. Visibility
    Enable/Disable popup box by clicking the toggle button.
  2. Preview
    Toggle to enable preview the Popup Box. [ NOTE: Please disable it after customization is done. ]
  3. Content
    Set trigger title, short description and background of the popup box.
  4. Button
    Set button padding, margin, border and colors for popup box button.
  5. Settings
    Set Popup box settings such as text alignment, background image, overlay background color, popup width, padding, box shadow and trigger action.
  6. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the title, description and button.

Footer

  • Go to Appearance > Customize > Footer
  1. Settings
    Set footer margin top, separator height and separator background color
  2. Widgets
    Select layout for footer widget columns, background image and background overlay color. It generates some widget areas for Footer based on the layout. Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable. Toggle button to Enable/Disable footer widget area.
  3. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ), separator height & background color, column alignment, background color and color scheme.
  4. Copyright
    Set default copyright information in footer. You can also use shortcodes [the-year], [site-link], [separator], [precise-link] for current year, your site link, separator with span and Precise Themes site link respectively.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
    • PT: Recent Post Widget allow to display posts with by latest post or by category of post.
    • PT: Author Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to display the social profiles.
    • PT: Instagram Feed Widget allow to display the Instagram Images.
    • PT: Facebook Page Widget allow to display the Facebook Page.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Blogasm

Theme Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select the current version of blogasm.zip on your computer.
    5. Click Install Now.

    After theme installed successfully you can activate the theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

  • One-Click Demo Import

    Precise Themes
    Precise Themes

    1. Install One Click Demo Import Plugin and Activate.
    2. Go to Appearance > Themes and Activate BlogasmTheme if it is not activated.
    3. Then Go to Appearance > Import Demo Data
    4. Click the Demo Import Data button.
    Find Default Demo data here

     

  • Home Page / Static Front Page Setup

    By default, Your latest posts are activated and show 10 posts per page at the front page of your site. If you want to set a static page as a front-page then you can follow those steps.

    • Go to Appearance > Customize > Static Front Page
    1. Click on A static page to set a static page.
    2. Select a page from drop down menu for Front Page.
    3. Select a page for posts page where your latest posts will be shown.
    4. Save Changes Save & Publish.

    [ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to appear in Menu.
  4. Customize added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in the primary menu position.
  6. Click to Save Menu.Precise Themes

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

Header

  • Go to Appearance > Customize > Header
  1. Site Title & Tagline
    Set Logo, Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title ), Display Tagline ( Toggle button to show/hide Site Tagline ), Site Icon.
  2. Social Profiles
    Toggle to Enable/Disable the social profiles header.
  3. Header Search
    Enable/Disable Search Icon in header & it register new Search Popup Column 1 widget area and you can place widgets.
Precise Themes
Precise Themes

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allows to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support theme custom icon as well as upload custom image as custom icon.Precise Themes

Sidebar Settings

  • Go to Appearance > Customize > Sidebar Settings
  1. Sidebar
    Set default sidebar layout option
    ( No Sidebar – Full width, Left Sidebar and Right Sidebar) for all pages. The default option is Right Sidebar.Precise Themes

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Sidebar
    Set Sidebar option for archive/blog, Default Layout is inherited from Sidebar settings > Sidebar.Precise Themes

Footer

  • Go to Appearance > Customize > Footer
  1. Widgets
    Toggle button to Enable/Disable footer widget area and set background overlay color. It generates some widget areas for Footer. Add widgets to any of column to enable.

Blog Setup

Step 1: Create a Page with the name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set the radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Support

  1. Forum Support: Create a Topic
    Support e-mail: precisethemes@gmail.com, info@precisethemes.com
  2. Facebook Support GroupJoin Now

Blogasm Pro

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of blogasm-pro.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Responsive Tabs[Advanced User]

  1. This is one of most useful features in this theme for the advanced user who want to set their own content spacing for desktop, laptop, tablet and mobile device. To set the settings for each content spacing just go to customizer section and set values for each responsive tabs.

Theme Customizer

Coming Soon

  • Go to Appearance > Customize > Coming Soon
  1. Settings
    Click on Toggle button to active Maintenance Mode and fill out all necessary fields.
  2. Social Profiles
    Click on Toggle button to display Social Section. Add new Social Profiles through Appearance > Customize > Social > Social Profiles.
  3. Countdown Timer
    Click on Toggle button to display Timer Section and select the lunch date of your site.
  4. Email Subscribe
    Click on Toggle button to register new Coming Soon Page sidebar widget area. Now drag & drop MailChimp Widget in Coming Soon Page sidebar area to work properly.
  5. Save Changes Save & Publish.

General Settings

  • Go to Appearance > Customize > General Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Colors
    Set background color of website.
  2. Website Width
    Set website container width, padding, box-shadow as well as content wrapper width.
  3. Breadcrumb
    Enable/Disable breadcrumb of website as well as you can set breadcrumb separator.
  4. Button Settings
    Set Button settings such as margin, padding, border, colors, box shadow and typography. This settings reflect on entire website.
  5. Smooth Scroll
    Enable/Disable smooth scroll in site. To set new smooth scroll change Animation Time and Step Size</strong values.
  6. Human Time Diff
    Enable/Disable to set posted time as humna time difference.
  7. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Global Settings

  • Go to Appearance > Customize > Global Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Base Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Page Header
    Enable/Disable page header section just before breadcrumb of website. It includes lists of options such as padding, margin, background image, background overlay color, typography and so on.
  3. Post Meta
    Set post meta label text for website as well as you can choose the separator style for categories and tags listing.
  4. Read More Button
    Set Read More Button display type as well as margin, padding, border, colors and box shadow as per Read More Button type selection.
  5. Before/After Widgets
    Enable/Disable register sidebar widget area in before/after content of page. To display the widgets select widget area from given Dropdown lists for before content and after content.

Header

  • Go to Appearance > Customize > Header
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Header Top Bar
    Enable/Disable header top bar section. You will get list of sortable elements in top header bar such as Top Menu, Social Menu and Top Header Text. You can also set the top header text color scheme, background color and columns alignment.
  2. Header Layout
    Set header display layout from this option. You will get total 8 header layouts.
  3. Header Image
    Set Header Image and Background Overlay Color for header section which will display just below the header section.
  4. Site Title & Tagline
    Set Logo, Logo Height, Short Site Title ( Replace Site Title while displaying site header ), Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title, set Typography, Padding & Margin ), Display Tagline ( Toggle button to show/hide Site Tagline, set Typography & Margin ), Site Icon.
  5. Language Switcher
    Toggle to Enable/Disable the language switcher of website in header. According to header layouts selection WPML or Polylang language switcher display in header. Until and unless active WPML Or Polylang plugin and set languages it won’t be display in header.
  6. Social Profiles
    Toggle to Enable/Disable the social profiles header.
  7. Header Search
    Enable/Disable Header Search in header. It only work on certain header layouts those layouts having search icon. You can also set the search popup container in columns by selecting the number of columns. This columns selection register search widget area and you can place widgets.
  8. Slide-in Box
    Enable/Disable Slide-in Box in header. It only work on certain header layouts those layouts having Slide-in Box( 3 dots icon ). By enable the Slide-in Box crate new Slide-in Box widget area in which you can add widgets.
  9. Settings
    This options allow you to set the Header Display Type ( scroll, sticky & show on scroll upwards ), Header Container Padding and Margin ( top & bottom ), Header Box Shadow and Header Elements: Margin.
  10. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for the header site title & tagline.

Primary Menu Settings

  • Go to Appearance > Customize > Menus > Primary Menu Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Header Menu Settings
    Set header menu container border, border color & margin. Like wise you can set menu item padding and primary menu colors from here.
  2. Highlighted Primary Menu
    Set highlighted menu item in header menu by selecting one of the primary menu item. It also allow you set colors, margin and padding for the highlighted primary menu item.
  3. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Spacing for the header menu and highlighted primary menu item.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.
  2. Social Share
    This option allow to enable or disable lists of Social Share and re-arrange the order of appearance. Social Share icons will support font awesome icon.

Sidebar Settings

  • Go to Appearance > Customize > Sidebar Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Sidebar
    Set default sidebar layout option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: such as Front Page, Archive/Blog Page, Single Post and Single Page. Even it allows more options such as choose sidebar area, sidebar separator, background for the sidebar area and widget border, border color and background color.
  2. Spacing
    Set sidebar spacing such as padding, margin, width and gap from here.
  3. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the sidebar widget title.

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for homepage.
  3. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Hero Section

  • Go to Appearance > Customize > Hero Section
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Visibility
    Toggle to Enable/Disable Hero section according to tab selection.
  2. Content
    Add Hero Section content (Image, Title, Sub title, Short Description, Button text & URL. You can also make sortable hero content. If more then one content display as in slider. Sort the hero content to display according to sorting order.
  3. Button
    Set hero button display type as well as margin, padding, border, colors and box shadow as per button type.
  4. Content Settings
    Set hero display content settings content position, text alignment and overlay background color.
  5. Content Spacing
    Set hero section width, height, margin and padding from here.
  6. Slider Settings
    Set hero slider settings such as effect, speed, loop, autoplay, navigation & pagination etc.
  7. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the hero title, subtitle and description.

Featured Posts Slider

  • Go to Appearance > Customize > Featured Posts Slider
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Enable
    Toggle to Enable/Disable Featured Posts Slider on Homepage
  2. Section Header
    Add section header detail of Featured Posts Slider ( Section Title)
  3. Content Settings
    Set load query to fetch the posts for the featured posts slider section. It also allow you to re-arrange and enable/disable the elements of content, text alignment, meta label & icon and excerpt of the posts.
  4. Content Spacing
    Set Featured Posts Slider section margin and padding from here.
  5. Settings
    Set featured posts slider section background color as well as border and border color too.
  6. Slider Settings
    Set slider settings such as loop, autoplay, delay and pagination.
  7. Read More
    Set read more button text of featured posts slider.
  8. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the section title, posts title, subtitle, excerpt and meta label.

Error 404 Page

  • Go to Appearance > Customize > Error 404 Page
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for error 404 page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Content
    Set content title, error image and description for the error 404 page.
  3. Content Settings
    Set back to home button in error 404 page as well as enable/disable the elements on content section.
  4. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for Error 404 page.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for Archive/Blog page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Set archive/blog column background color, border, box-shadow, enable/disable line separator for the columns and column effects.
  3. Content Settings
    Set content settings which allows to show or hide the elements as well as sort it. You can also set Text alignment, limit the post excerpt, show elements of featured image while hover it and show/hide tags label & icon too.
  4. Content Spacing
    Set archive/blog section margin and padding from here.
  5. Thumbnail Settings
    Set archive/blog thumbnail settings such as thumbnail hover: Image effect, content order on thumbnail image, content width, content spacing[ margin & padding ], content position, text alignment and colors.
  6. Read More
    Set read more button text of blog/archive pages.
  7. Pagination Settings
    Set pagination section settings such as padding, margin, alignment, colors, typography and box shadow. It act as global for homepage/archive page/blog page.
  8. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for archive/blog page.
  9. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  10. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post excerpt and post meta.

Category Settings

  • Go to Appearance > Customize > Category Settings > Category Name ( individual category in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Tag Settings

  • Go to Appearance > Customize > Tag Settings > Tag Name ( individual tag in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Author Settings

  • Go to Appearance > Customize > Author Settings > Author Name ( individual author in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page. It also allow to show/hide avatar, website, biographical info and social profiles in page header section.
  2. Social Profiles
    Set list of sortable social profiles for this current user.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings > page header. Assign new default settings for page header of all single posts.
  2. Content Settings
    Set content settings such as text alignment and sort elements for content header, content footer section and enable/disable post meta icon & label text.
  3. Content Spacing
    Set single post content margin and padding from here.
  4. Post Navigation
    Set default layout of post navigation as well as image border color, radius and post title typography . It allow you display the post navigation as floating or static.
  5. Author Box
    Set author box section options such as section title, background, padding, boarder, avatar border & color and enable social profiles.
  6. Related Posts
    Set related posts section options such as section title text, content settings, content spacing, read more text and typography.
  7. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for the single post page.
  8. Sidebar
    Set Sidebar option for all single post, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  9. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post content, post meta and section title.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings > page header. Assign new default settings for page header of all single pages.
  2. Content Settings
    Set content settings such as text alignment and sort elements for content header, content footer section.
  3. Content Spacing
    Set single page content margin and padding from here.
  4. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for single page.
  5. Sidebar
    Set Sidebar option for all single page, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  6. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the page title, page subtitle, page content and section title.

Search Page Settings

  • Go to Appearance > Customize > Search Page Settings
  • Responsive Tab[Advanced User]
    As you can see the tabs[ > 1200px, > 992px, > 768px, > 576px & < 575px ] at the top of the each section. To set the settings for the each tab please go to Responsive Tabs.
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for search page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Set search page column background color, border and box-shadow.
  3. Content Settings
    Set content settings such as show or hide the elements as well as sort it. You can also set Text alignment, content border and show/hide tags label & icon too.
  4. Content Spacing
    Set content spacing such as margin and padding from here.
  5. Read More
    Set read more button text of search result page.
  6. Before/After Widgets
    Default widget area is inherit from global settings > Before/After Widget. Select new widget area from dropdown to set default widget area for search page.
  7. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from Sidebar settings > Sidebar. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  8. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the post title, post subtitle, post excerpt and post meta.

Instagram

  • Go to Appearance > Customize > Instagram
  1. Account
    Set your Instagram account user name and access token key from here which acts as global for whole site.
  2. Show on Footer
    Toggle to enable to show Instagram Feeds in footer area of site and set the respective input fields.

Popup Box

  • Go to Appearance > Customize > Popup Box
  1. Visibility
    Enable/Disable popup box by clicking the toggle button.
  2. Preview
    Toggle to enable preview the Popup Box. [ NOTE: Please disable it after customization is done. ]
  3. Content
    Set trigger title, short description and background of the popup box.
  4. Button
    Set button padding, margin, border and colors for popup box button.
  5. Settings
    Set Popup box settings such as text alignment, background image, overlay background color, popup width, padding, box shadow and trigger action.
  6. Typography
    You can set Typography options: Font Family, Variant, Text Transform, Font Size, Line Height, Letter Spacing for the title, description and button.

Footer

  • Go to Appearance > Customize > Footer
  1. Settings
    Set footer margin top, separator height and separator background color
  2. Widgets
    Select layout for footer widget columns, background image and background overlay color. It generates some widget areas for Footer based on the layout. Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable. Toggle button to Enable/Disable footer widget area.
  3. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ), separator height & background color, column alignment, background color and color scheme.
  4. Copyright
    Set default copyright information in footer. You can also use shortcodes [the-year], [site-link], [separator], [precise-link] for current year, your site link, separator with span and Precise Themes site link respectively.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
    • PT: Recent Post Widget allow to display posts with by latest post or by category of post.
    • PT: Author Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to display the social profiles.
    • PT: Instagram Feed Widget allow to display the Instagram Images.
    • PT: Facebook Page Widget allow to display the Facebook Page.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Atento

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of atento.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Header

  • Go to Appearance > Customize > Header
  1. Header Image
    Set header Background Image and Background Overlay Color.
  2. Site Title & Tagline
    Set Logo, Logo Height, Short Site Title ( Replace Site Title while displaying site header ), Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title, set Typography, Padding & Margin ), Display Tagline ( Toggle button to show/hide Site Tagline, set Typography & Margin ), Site Icon.

Color

  • Go to Appearance > Customize > Color
  1. Background Color
    Set background color of website.

Sidebar

  • Go to Appearance > Customize > Sidebar
  1. Layout
    Set default sidebar option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: Single Post and Single Page.

Hero Section

  • Go to Appearance > Customize > Hero Section
  1. Enable
    Toggle to Enable/Disable Hero section.
  2. Content
    Add Hero Section content (Image, Title, Sub title, Short Description, Button text & URL. Even you can set the hero background transparent color.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Pagination Settings
    Set pagination alignment such as left, center and right. Default value is center.
  2. Show Placeholder
    Toggle to show grey background colored box in absence of post thumbnail.

  3. Sidebar
    Set Sidebar option for Archive/Blog, Default Layout is inherit from Appearance > Customize > Sidebar.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  1. Content Settings
    Drag & Drop the sortable options to re-arrange the appearance of sections such as Post Navigation, Comment Section, Author Box & Related Posts
  2. Sidebar
    Set Sidebar option for all single pages, Default Layout is inherit from Appearance > Customize > Sidebar.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  1. Sidebar
    Set Sidebar option for all single pages, Default Layout is inherit from Appearance > Customize > Sidebar.

Footer

  • Go to Appearance > Customize > Footer
  1. Widgets
    Toggle button to Enable/Disable footer widget area.
  2. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text and Footer Menu ), and background color.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Atento Pro

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of atento-pro.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

Coming Soon

  • Go to Appearance > Customize > Coming Soon
  1. Settings
    Click on Toggle button to active Maintenance Mode and fill out all necessary fields.
  2. Social Profiles
    Click on Toggle button to display Social Section. Add new Social Profiles through Appearance > Customize > Social > Social Profiles.
  3. Countdown Timer
    Click on Toggle button to display Timer Section.
  4. Email Subscribe
    Select one of widget sidebar from the given options. Now drag & drop MailChimp Widget in selected sidebar area to work properly.
  5. Save Changes Save & Publish.

General Settings

  • Go to Appearance > Customize > General Settings
  1. Colors
    Set background color of website.
  2. Breadcrumb
    Enable/Disable breadcrumb of website as well as you can set breadcrumb separator and margin top.
  3. Set Button settings such as margin, padding, border, colors, box shadow and typography. This settings reflect on entire website.
  4. Smooth Scroll
    Enable/Disable smooth scroll of site.
  5. Human Time Diff
    Enable/Disable to set posted time as humna time difference.
  6. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Global Settings

  • Go to Appearance > Customize > Global Settings
  1. Base Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Page Header
    Enable/Disable page header section just before breadcrumb of website. It includes lists of options such as padding, background image, background overlay color, typography, margin and so on.
  3. Thumbnail Ratio
    Set default thumbnail ratio of website. Website load default thumbnail ratio until and unless unique thumbnail ratio is select for the particular section or post listing section.
  4. Post Meta
    Set post meta icon and label text for website.
  5. Read More Button
    Set Read More Button display type as well as margin, padding, border, colors and box shadow as per Read More Button type selection.
  6. Before/After Widgets
    Enable/Disable register sidebar widget area in before/after content of page. To display the widgets select widget area from given Dropdown lists for before content and after content.
  7. Sidebar
    Set default sidebar option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: Home Page, Archive Page, Single Post and Single Page. Even it allows more options such as choose sidebar area, sidebar width and spacing, set sidebar sticky and typography.

Header

  • Go to Appearance > Customize > Header
  1. Header Top Bar
    Enable/Disable header top bar section. You will get list of sortable elements in top header bar such as Top Menu, Social Menu and Top Header Text.
  2. Header Layout
    Set header display layout from this option. You will get total 7 header layouts.
  3. Header Image
    Set header Background Image and Background Overlay Color.
  4. Site Title & Tagline
    Set Logo, Logo Height, Short Site Title ( Replace Site Title while displaying site header ), Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title, set Typography, Padding & Margin ), Display Tagline ( Toggle button to show/hide Site Tagline, set Typography & Margin ), Site Icon.
  5. Language Switcher
    Enable/Disable WPML language switcher of website in header. According to header layouts selection WPML language switcher display in header.
  6. Header Search
    Enable/Disable Header Search in header. It only work on certain header layouts those layouts having search icon. You can also set the search popup container in columns by selecting the number of columns. This columns selection register search widget area and you can place widgets.
  7. Slide-in Box
    Enable/Disable Slide-in Box in header. It only work on certain header layouts those layouts having Slide-in Box( 3 dots icon ). By enable the Slide-in Box crate new Slide-in Box widget area in which you can add widgets.
  8. Settings
    This options allow you to set the Header Display Type ( scroll, sticky & show on scroll upwards ), Header Padding ( top & bottom ) and Header Box Shadow.

Primary Menu Settings

  • Go to Appearance > Customize > Menus > Primary Menu Settings
  1. Primary Menu Settings
    Set primary menu typography, padding and colors from here.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.
  2. Social Share
    This option allow to enable or disable lists of Social Share and re-arrange the order of appearance. Social Share icons will support font awesome icon.

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for home.
  3. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Hero Section

  • Go to Appearance > Customize > Hero Section
  1. Visibility
    Toggle to Enable/Disable Hero section according to tab selection.
  2. Content
    Add Hero Section content (Image, Title, Sub title, Short Description, Button text & URL. You can also make sortable hero content. If more then one content display as in slider. Sort the hero content to display according to sorting order.
  3. Typography
    Set typography properties of hero title, subtitle and description.
  4. Button
    Set hero button display type as well as margin, padding, border, colors and box shadow as per button type.
  5. Content Settings
    Set hero display content settings such as image size, content position, text alignment, content width, color schemes, overlay background color, backgorund color, margin, padding, border, border color and so on.
  6. Content Spacing
    Set hero section margin from here.
  7. Slider Settings
    Set hero slider settings such as speed, loop, autoplay, slides count etc.

Featured Posts Slider

  • Go to Appearance > Customize > Featured Posts Slider
  1. Enable
    Toggle to Enable/Disable Featured Posts Slider on Homepage
  2. Layout
    Set layout for the Featured Posts Slider by selecting the given dropdown options.
  3. Column Settings
    Add number of slides in Featured Posts Slider as well as spacing between each slides.
  4. Section Header
    Add section header details of Featured Posts Slider ( Section Title, Section & Description.
  5. Content Settings
    Set posts query, posts limit, excerpt length, sort the elements of header section, thumbnail section and footer section etc.
  6. Content Spacing
    Set Featured Posts Slider section margin from here.
  7. Thumbnail Settings
    Set posts thumbnail image ratio. Default value is inherit from Global Settings value as well as you can set thumbnail border and box shadow options too.
  8. Read More
    Set read more button text of featured posts slider.
  9. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for post title, post subtitle, post content and post meta.
  10. Settings
    Set featured posts slider section padding, margin, background color, border width and border color.
  11. Slider Settings
    Set slider settings such as loop, autoplay, delay, keyboard control and navigation.

Error 404 Page

  • Go to Appearance > Customize > Error 404 Page
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme, Text Alignment, Error Title and Error Image for page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Content Settings
    Set content description, enable back to home button as well as you can enable default WordPress widgets by click the toggle button.
  3. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for Error 404 page.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for Archive/Blog page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Thumbnail Ratio
    Set posts thumbnail ratio for Archive/Blog pages. Default thumbnail ratio is inherit from global settings.It also allow you to enable/disable default thumbnail placeholder for blog/archive pages if no featured image is set for the posts.
  3. Content Settings
    Set archive/blog content settings allows to show or hide the elements as well as sort it. You can also set Text alignment, limit the post excerpt, show elements of featured image while hover it and show/hide tags label & icon too.
  4. Content Spacing
    Set archive/blog section margin from here.
  5. Read More
    Set read more button text of blog/archive pages.
  6. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for post title, post subtitle, post excerpt and post meta.
  7. Related Posts
    Enable/Disable related posts in archive/blog page just below the every single post content. Default, theme allow 2 related posts. You can change the load posts type and posts from options. Even you can sort the content display elements position as well as set typography too.
  8. Pagination Settings
    Set pagination section settings such as padding, margin, alignment, colors, typography and box shadow. It act as global for all archive pages.
  9. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for archive/blog pages.
  10. Sidebar
    Set Sidebar option for Archive/Blog, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Category Settings

  • Go to Appearance > Customize > Category Settings > Category Name ( individual category in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Tag Settings

  • Go to Appearance > Customize > Tag Settings > Tag Name ( individual tag in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.

Author Settings

  • Go to Appearance > Customize > Author Settings > Author Name ( individual author in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page. It also allow to show/hide avatar, website, biographical info and social profiles in page header section.
  2. Social Profiles
    Set list of sortable social profiles for this current user.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings. Assign new default settings for page header of all single posts.
  2. Content Settings
    Set content settings such as thumbnail ratio, text alignment and sort elements for content header, content footer section.
  3. Content Spacing
    Set single post content margin from here.
  4. Typography
    Set Typography options: Font Family, Font Size, Variant, Line Height for posts title, subtitle, content and section title.
  5. Post Navigation
    Set post navigation layout from here as well as set Typography options: Font Family, Font Size, Variant, Line Height for posts title.
  6. Post Navigation
    Set default layout of post navigation.
  7. Author Box
    Set author box section options such as background, padding, boarder , avatar border and enable social profiles.
  8. Related Posts
    Set related posts section options such as section title text, thumbnail ratio, read more text, column per row & column spacing, load query with selected posts from and posts type values, Enable/Disable excerpt value, sort elements for the header content section, footer content section and thumbnail section.
  9. Before/After Widgets
    Default widget area is inherit from global settings. Assign new default widget area for all single post.
  10. Sidebar
    Set Sidebar option for all single post, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings. Assign new default settings for page header of all single pages.
  2. Content Settings
    Set content settings such as thumbnail ratio, text alignment and sort elements for content header, content footer section.
  3. Content Spacing
    Set single page content margin from here.
  4. Typography
    Set Typography options: Font Family, Font Size, Variant, Line Height for posts title, subtitle, content and section title.
  5. Before/After Widgets
    Default widget area is inherit from global settings. Assign new default widget area for all single pages.
  6. Sidebar
    Set Sidebar option for all single pages, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Instagram

  • Go to Appearance > Customize > Instagram
  1. Account
    Set your Instagram account user name from here which acts as global for whole site.
  2. Show on Footer
    Toggle to enable to show Instagram Feeds in footer area of site and set the respective input fields.

Popup Box

  • Go to Appearance > Customize > Popup Box
  1. Visibility
    Enable/Disable popup box by clicking the toggle button.
  2. Preview
    Toggle to enable preview the Popup Box. [ NOTE: Please disable it after customization is done. ]
  3. Content
    Set trigger title and short description of the popup box.
  4. Typography
    Set Typography options: Font Family, Font Size, Variant, Line Height for title and description.
  5. Button
    Set button padding, margin, border and colors for popup box button.
  6. Settings
    Set Popup box settings such as text alignment, background image, overlay background color, popup width, padding, box shadow and trigger action.

Footer

  • Go to Appearance > Customize > Footer
  1. Settings
    Set footer margin top, separator height and separator background color
  2. Widgets
    Select layout for footer widget columns, background image and background overlay color. It generates some widget areas for Footer based on the layout. Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable. Toggle button to Enable/Disable footer widget area.
  3. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ), separator height & background color, column alignment, backgorund color and color scheme.
  4. Copyright
    Set default copyright information in footer. You can also use shortcodes [the-year], [site-link], [separator], [precise-link] for current year, your site link, separator with span and Precise Themes site link respectively.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
    • PT: Recent Post Widget allow to display posts with by latest post or by category of post.
    • PT: Author Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to display the social profiles.
    • PT: Instagram Feed Widget allow to display the Instagram Images.
    • PT: Facebook Page Widget allow to display the Facebook Page.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Yugen Pro

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of yugen-pro.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

Coming Soon

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Coming Soon to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Coming Soon
  1. Settings
    Click on Toggle button to active Maintenance Mode and fill out all necessary fields.
  2. Social Profiles
    Click on Toggle button to display Social Section. Add new Social Profiles through Appearance > Customize > Social > Social Profiles.
  3. Countdown Timer
    Click on Toggle button to display Timer Section.
  4. Email Subscribe
    Select one of widget sidebar from the given options. Now drag & drop MailChimp Widget in selected sidebar area to work properly.
  5. Save Changes Save & Publish.

Enable Extra Settings

  • Go to Appearance > Customize > Enable Extra Settings
    This settings allow to enable more customization features in customizer for the advanced user. Enabling more sections may cause customizer loading speed.

General Settings

  • Go to Appearance > Customize > General Settings
  1. Colors
    Set background color of website.
  2. Breadcrumb
    Enable/Disable breadcrumb of website as well as you can set breadcrumb separator and margin top.
  3. Button Settings

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Button Settings to enable it and reload the customizer to load this section.

    Set Button settings such as margin, padding, border, colors, box shadow and typography. This settings reflect on entire website.

  4. Smooth Scroll
    Enable/Disable smooth scroll of site.
  5. Human Time Diff
    Enable/Disable to set posted time as humna time difference.
  6. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Global Settings

  • Go to Appearance > Customize > Global Settings
  1. Base Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Page Header
    Enable/Disable page header section just before breadcrumb of website. It includes lists of options such as padding, background image, background overlay color, typography, margin and so on.
  3. Thumbnail Ratio
    Set default thumbnail ratio of website. Website load default thumbnail ratio until and unless unique thumbnail ratio is select for the particular section or post listing section.
  4. Post Meta
    Set post meta icon and label text for website.
  5. Read More Button

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Read More Button to enable it and reload the customizer to load this section.

    Set Read More Button display type as well as margin, padding, border, colors and box shadow as per Read More Button type selection.

  6. Before/After Widgets
    Enable/Disable register sidebar widget area in before/after content of page. To display the widgets select widget area from given Dropdown lists for before content and after content.
  7. Sidebar
    Set default sidebar option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: Home Page, Archive Page, Single Post and Single Page. Even it allows more options such as choose sidebar area, sidebar width and spacing, set sidebar sticky and typography.
  8. Posts Listing

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Posts Listing to enable it and reload the customizer to load this section.

    Post Listings settings affects on all post listing types: Featured Post Slider, Related Posts, Post Navigation. It allows to set typography and margins.

Header

  • Go to Appearance > Customize > Header
  1. Header Top Bar
    Enable/Disable header top bar section. You will get list of sortable elements in top header bar such as Top Menu, Social Menu and Top Header Text.
  2. Header Layout
    Set header display layout from this option. You will get total 7 header layouts.
  3. Header Layout
    Set header display layout from this option. You will get total 7 header layouts.
  4. Header Image
    Set header Background Image and Background Overlay Color.
  5. Site Title & Tagline
    Set Logo, Logo Height, Short Site Title ( Replace Site Title while displaying site header ), Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title, set Typography, Padding & Margin ), Display Tagline ( Toggle button to show/hide Site Tagline, set Typography & Margin ), Site Icon.
  6. Language Switcher
    Enable/Disable WPML language switcher of website in header. According to header layouts selection WPML language switcher display in header.
  7. Header Search
    Enable/Disable Header Search in header. It only work on certain header layouts those layouts having search icon. You can also set the search popup container in columns by selecting the number of columns. This columns selection register search widget area and you can place widgets.
  8. Slide-in Box
    Enable/Disable Slide-in Box in header. It only work on certain header layouts those layouts having Slide-in Box( 3 dots icon ). By enable the Slide-in Box crate new Slide-in Box widget area in which you can add widgets.
  9. Settings
    This options allow you to set the Header Display Type ( scroll, sticky & show on scroll upwards ), Header Padding ( top & bottom ) and Header Box Shadow.

Primary Menu Settings

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Header Menu Settings to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Menus > Primary Menu Settings
  1. Primary Menu Settings
    Set primary menu typography, padding and colors from here.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.
  2. Social Share
    This option allow to enable or disable lists of Social Share and re-arrange the order of appearance. Social Share icons will support font awesome icon.
  3. Floating Social Profiles
    This option allow to enable or disable Floating Social Profiles and it appear bottom left side of website. To add more Floating Social Profiles icon please add Social Profiles more. It also allow to set Label text and Visible ( Icon Only, Icon+Text, Text Only ).

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for home.
  3. Sidebar
    Set Sidebar option for Homepage, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Hero Section

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Hero Content to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Hero Section
  1. Enable
    Toggle to Enable/Disable Hero section according to tab selection.
  2. Content
    Add Hero Section content (Image, Title, Sub title, Short Description, Button text & URL. You can also make sortable hero content. If more then one content display as in slider. Sort the hero content to display according to sorting order.
  3. Typography
    Set typography properties of hero title, subtitle and description.
  4. Button
    Set hero button display type as well as margin, padding, border, colors and box shadow as per button type.
  5. Content Settings
    Set hero display content settings such as image size, content position, text alignment, content width, color schemes, overlay background color, backgorund color, margin, padding, border, border color and so on.
  6. Settings
    Set hero section margin from here.
  7. Slider Settings
    Set hero slider settings such as speed, loop, autoplay, slides count etc.

Featured Posts Slider

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Featured Posts Slider to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Featured Posts Slider
  1. Enable
    Toggle to Enable/Disable Featured Posts Slider on Homepage
  2. Section Header
    Add section header details of Featured Posts Slider ( Section Title, Section & Description.
  3. Column Settings
    Add number of slides in Featured Posts Slider as well as spacing between each slides.
  4. Content Settings
    Set posts query, posts limit, excerpt length, sort the elements of header section, thumbnail section and footer section etc.
  5. Thumbnail Ratio
    Set posts thumbnail image ratio. Default value is inherit from Global Settings value.
  6. Read More
    Set read more button text of featured posts slider.
  7. Settings
    Set featured posts slider section padding, margin, background color, border width and border color.
  8. Slider Settings
    Set fatured posts slider settings such as loop, autoplay, delay, keyboard control and navigation.

Error 404 Page

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Error 404 Page to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Error 404 Page
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme, Text Alignment, Error Title and Error Image for page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Content Settings
    Set content description, enable back to home button as well as you can enable default WordPress widgets by click the toggle button.
  3. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for Error 404 page.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for Archive/Blog page header. Default value is inherit from global settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Sets Post per Row and Column Spacing for Archive/Blog page.
  3. Content Settings
    Set archive/blog content settings such as margin, padding, text alignment, excerpt length and sort elements for content header, content footer & featured image section.
  4. Thumbnail Ratio
    Set posts thumbnail ratio for Archive/Blog pages. Default thumbnail ratio is inherit from global settings.
  5. Pagination Settings
    Set pagination section settings such as padding, margin, alignment, colors, typography and box shadow. It act as global for all archive pages.
  6. Before/After Widgets
    Default widget area is inherit from global settings. Select new widget area from dropdown to set default widget area for archive/blog pages.
  7. Sidebar
    Set Sidebar option for Archive/Blog, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Category Settings

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Category Settings to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Category Settings > Category Name ( individual category in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Sets Post per Row and Column Spacing for this current category page.
  3. Content Settings
    Set text alignment for this current category page and rest of settings are inherit from archive/blog > content settings settings.
  4. Thumbnail Ratio
    Set posts thumbnail ratio for this current category page. Default thumbnail ratio is inherit from archive/blog > thumbnail ratio settings.
  5. Before/After Widgets
    Default widget area is inherit from archive/blog > thumbnail ratio settings. Assign new unique widget area for this current category page.
  6. Sidebar
    Set Sidebar option for this current category page, Default Layout is inherit from archive/blog > sidebar settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Author Settings

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Author Settings to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Author Settings > Author Name ( individual author in which you want to change )
  1. Page Header
    Set Background Image, Background Attachment, Overlay Background Color, Color Scheme and Text Alignment for page header. Default value is inherit from archive/blog settings > page header. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Sets Post per Row and Column Spacing for this current category page.
  3. Content Settings
    Set text alignment for this current category page and rest of settings are inherit from archive/blog > content settings settings.
  4. Thumbnail Ratio
    Set posts thumbnail ratio for this current category page. Default thumbnail ratio is inherit from archive/blog > thumbnail ratio settings.
  5. Before/After Widgets
    Default widget area is inherit from archive/blog > thumbnail ratio settings. Assign new unique widget area for this current category page.
  6. Sidebar
    Set Sidebar option for this current category page, Default Layout is inherit from archive/blog > sidebar settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  7. Social Profiles
    Set list of sortable social profiles for this current user.

Search Result Settings

To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Search Result Settings to enable it and reload the customizer to load this section.

  • Go to Appearance > Customize > Search Result Settings
  1. Page Header
    Default value is inherit from global settings > Page Header. Set new background image, background attachment, overlay background color, color scheme and text alignment values for page header this current page. Select Enable or Disable to show page header on this current page.
  2. Column Settings
    Sets Post per Row and Column Spacing for this current category page. Default value is inherit from global settings > Page Header
  3. Content Settings
    Set content settings such as margin, padding, text alignment, excerpt length and sort elements for content header, content footer & featured image section. Default value is inherit from global settings > Page Header
  4. Thumbnail Ratio
    Set posts thumbnail ratio for this current category page. Default thumbnail ratio is inherit from global settings > thumbnail ratio settings.
  5. Before/After Widgets
    Default widget area is inherit from global settings. Assign new unique widget area for this current search result page.
  6. Sidebar
    Set Sidebar option for search result page, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.
  7. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for posts title and posts subtitle.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings. Assign new default settings for page header of all single posts.
  2. Content Settings
    Set content settings such as thumbnail ratio, text alignment and sort elements for content header, content footer section.
  3. Typography

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Single Post: Typography to enable it and reload the customizer to load this section.

    Set Typography options: Font Family, Font Size, Variant, Line Height for posts title, subtitle and section title.

  4. Spacing Adjustments
    Set margin for the elements present in single post such are thumbnail, title, subtitle, post tags, content, related posts, author, navigation, and comment sections.

  5. Author Box

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Author Box to enable it and reload the customizer to load this section.

    Set author box section options such as background, padding, boarder , avatar border and enable social profiles.

  6. Post Navigation

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Post Navigation to enable it and reload the customizer to load this section.

    Set default layout of post navigation.

  7. Related Posts

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Related Posts to enable it and reload the customizer to load this section.

    Set related posts section options such as section title text, thumbnail ratio, read more text, column per row & column spacing, load query with selected values, Enable/Disable excerpt value, sort elements for the header content section, footer content section and thumbnail section.

  8. Before/After Widgets
    Default widget area is inherit from global settings. Assign new default widget area for all single post.
  9. Sidebar
    Set Sidebar option for all single post, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  1. Page Header
    Set new background image, background attachment, overlay background color, color scheme, text alignment and sort visible elements for page header. Default page header is inherit from global settings. Assign new default settings for page header of all single pages.
  2. Content Settings
    Set content settings such as thumbnail ratio, text alignment and sort elements for content header, content footer section.
  3. Typography

    To enable this section please go to Appearance > Customize > Enable Extra Settings and toggle Single Page: Typography to enable it and reload the customizer to load this section.

    Set Typography options: Font Family, Font Size, Variant, Line Height for posts title, subtitle and section title.

  4. Spacing Adjustments
    Set margin for the elements present in single page such are thumbnail, title, subtitle, social share, content and comment sections.

  5. Author Box
    Set author box section options such as background, padding, boarder , avatar border and enable social profiles.
  6. Before/After Widgets
    Default widget area is inherit from global settings. Assign new default widget area for all single pages.
  7. Sidebar
    Set Sidebar option for all single pages, Default Layout is inherit from global settings. It also allow to set Sidebar (Widget Position) widget area by selecting the sidebar area from dropdwon lists.

Popup Box

  • Go to Appearance > Customize > Popup Box
  1. Enable
    Enable/Disable popup box by clicking the toggle button.
  2. Preview
    Toggle to enable preview the Popup Box. [ NOTE: Please disable it after customization is done. ]
  3. Content
    Set trigger title and short description of the popup box.
  4. Typography
    Set Typography options: Font Family, Font Size, Variant, Line Height for title and description.
  5. Button
    Set button padding, margin, border and colors for popup box button.
  6. Settings
    Set Popup box settings such as text alignment, background image, overlay background color, popup width, padding, box shadow and trigger action.

Footer

  • Go to Appearance > Customize > Footer
  1. Settings
    Set footer margin top, separator height and separator background color
  2. Widgets
    Select layout for footer widget columns, background image and backgorund overlay color. It generates some widget areas for Footer based on the layout. Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable. Toggle button to Enable/Disable footer widget area.
  3. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ), separator height & background color, column alignment, backgorund color and color scheme.
  4. Copyright
    Set default copyright information in footer. You can also use shortcodes [the-year], [site-link], [separator], [precise-link] for current year, your site link, separator with span and Precise Themes site link respectively.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
    • PT: Recent Post Widget allow to display posts with by latest post or by category of post.
    • PT: Author Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to dispay the social profiles.
    • PT: Instagram Feed Widget allow to dispay the Instagram Images.
    • PT: Facebook Page Widget allow to dispay the Facebook Page.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Yugen

Setup Instructions

Thank you for using our theme. This documentation will guide you to install the theme and setup your website. Have any installation issues, please feel free to get help at Support, we are here to assist you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of yugen.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Set checkbox to Primary Menu to show menu items in primary menu position.
  6. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Customizer

General Settings

  • Go to Appearance > Customize > General Settings
  1. Typography
    You can set Typography options: Font Family, Font Size, Variant, Line Height for tags: Body, H1, H2, H3, H4, H5, H6.
  2. Sidebar
    Set default sidebar option ( No Sidebar – Full width, Left Sidebar and Right Sidebar). You can also customize sidebar option for individual pages: Home Page, Archive Page, Single Post and Single Page
  3. Colors
    Set background color of website.
  4. Back to Top Button
    Enable/Disable Back to Top button and set custom button text.

Header

  • Go to Appearance > Customize > Header
  1. Header Image
    Set header Background Image and Background Overlay Color.
  2. Site Title & Tagline
    SetLogo, Logo Height, Site Title, Tagline, Display Site Title ( Toggle button to show/hide Site Title ), Display Tagline (Toggle button to show/hide Site Tagline ), Site Icon.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.

Homepage Settings

  • Go to Appearance > Customize > Homepage Settings
  1. Your homepage displays
    You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.
  2. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Hero Section

  • Go to Appearance > Customize > Hero Section
  1. Visibility
    Enable/Disable Hero section on Homepage
  2. Content & Settings
    Add Hero Section content (Image, Title, Sub title, Short Description, aButton text & URL. Setting available for Overlay Background Color, Typography and Text Color.

Archive/Blog Settings

  • Go to Appearance > Customize > Archive/Blog Settings
  1. Page Header
    Set Background Image, Overlay Background Color and Color Scheme for Archive/Blog page header.
  2. Column Settings
    Sets Post per Row and Column Spacing for Archive/Blog page.
  3. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Single Post Settings

  • Go to Appearance > Customize > Single Post Settings
  1. Content Settings
    Content Header Section Set visibility of Featured Image and Title. Drag and Drop to re-order elements.
  2. Content Footer Section Set visibility of Categories, Tags, Post Navigation, Comments and Related Posts. Drag and Drop to re-order elements.
  3. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Single Page Settings

  • Go to Appearance > Customize > Single Page Settings
  1. Content Settings
    Content Header Set visibility of Featured Image and Title. Drag and Drop to re-order elements.
  2. Sidebar
    Set Sidebar option for Homepage, Default layout is inherit from global settings.

Footer

  • Go to Appearance > Customize > Footer
  1. Widgets
    Footer Widgets Position Layout with 4 column is selected by default. Add widgets to any of column to enable.
  2. Footer Bar
    Set visibility of Footer Bar elements (Copyright Text, Footer Menu and Social Profile Icons ).

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Support

  1. Forum Support: Create a Topic
  2. Facebook Support GroupJoin Now

Envy Blog Pro

Setup Instructions

Thank you for downloading our theme. This document will guide you to install theme. If any issue occurs during installation, please feel free to get support through our Support, we are here to help you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of envy-blog-pro.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

add menu
  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Create Dropdown menu item by dragging menu item under parent menu.
  6. Set checkbox to Primary Menu to show menu items in primary menu position.
  7. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Options

Coming Soon

  • Go to Appearance > Customize > Coming Soon
  1. Settings
    Click on Toggle button to active Maintenance Mode and fill out all necessary fields.
  2. Social Profiles
    Click on Toggle button to display Social Section. Add new Social Profiles through Appearance > Customize > Social > Social Profiles.
  3. Countdown Timer
    Click on Toggle button to display Timer Section.
  4. Email Subscribe
    Select one of widget sidebar from the given options. Now drag & drop MailChimp Widget in selected sidebar area to work properly.
  5. Save Changes Save & Publish.

Header

  • Go to Appearance > Customize > Header
  1. Layout
    There are total 6 Layouts inbuilt in theme.
    Choose one of the Layout to make your site Awesome and Beautiful.
  2. Sticky Header
    Click on Toggle button to set Header as Sticky.
  3. Site Title & Tagline
    Allow to set or change the Site Logo, Title, Tagline and Favicon of site.
  4. Search Icon
    Click on Toggle button to enable/disable Search Icon in Header section.
  5. Shopping Cart Icon
    Click on Toggle button to enable/disable Shopping Cart Icon in Header section. This section only display if WooCommerce Plugin is activated.
  6. Header Separator
    Click on Toggle button to enable/disable Separator Line in between Header section and Main content section.
  7. Save Changes Save & Publish.

General

  • Go to Appearance > Customize > General
  1. Background Color
    Allow to set site Background Color as well as Container Background Color. There is also option to display container separator as Box Shadow or Border.
  2. Breadcrumbs
    Click on Toggle button to display Breadcrumbs in site as well as allow to set Breadcrumbs Delimiter.
  3. Default Featured Image
    Allow to set default Featured Image and display it if necessary in theme.
  4. Smooth Scroll
    Click on Toggle button to enable/disable Smooth Scroll in site.
  5. Human Diff Time
    Click on Toggle button to display posted time as Human Diff Time in site.
  6. Sidebar Settings
    Click on Toggle button to set post/page sidebar widget area as Sticky Sidebar. There is also option to separate sidebar and main content with vertical line.
  7. Save Changes Save & Publish.

Typography

  • Go to Appearance > Customize > Typography
    Allow Google Fonts to set the Font Family, Variant and Subsets for the given lists.
  1. Body
  2. Logo
  3. Main Menu
  4. H1, H2, H3, H4, H5, H6
  5. Post Meta
  6. Widget Title
  7. Save Changes Save & Publish.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles as many as we need and re-arrange the order of appearance. Social Profile icons will support font awesome icon as well as custom logo icon.
  2. Social Share
    Click on Toggle button to display Social Share in Post or Page as well as allow to re-arrange the order of appearance.
  3. Save Changes Save & Publish.

Hero Section

  • Go to Appearance > Customize > Header Section
  1. Activate
    Click on Toggle button to display Hero Section in Home Page or Front Page of the site.
  2. Layout
    There are total 7 Layouts for the Hero Section.
    Choose one of the suitable Layout for the hero section of your site.
  3. Content
    This option allow you to set the Title, Subtitle, Background Image, Content Background, Text Alignment, Color and Typography of the Hero Section.
  4. Button
    This option allow you to set the Button Text, Typography, Types( Square, Rounded, Arrow, Underline ).
  5. Save Changes Save & Publish.

Archive/Blog

  • Go to Appearance > Customize > Archive/Blog
  1. Layout
    There are 10 Layouts for the blog page. Select one of the blog layout to make site awesome and beautiful.
  2. Settings
    This options allow to display blog article in raw per column, limit the content excerpt, display the meta as per layout selection.
  3. Read More
    This option allow you to set the Read More Text, Types( Square, Rounded, Arrow, Underline ) & read more button color scheme( Dark, Light ).
    Click on Toggle button to show/hide Read More button.
  4. Sidebar
    This option only available for the blog layout 7,8 & 9.
    Select default sidebar. This sidebar will be reflected in whole site archives, categories, search page etc.
  5. Pagination
    There are 3 Types of pagination for the post load in blog page. These are Number, Post load on Click and Post load on Mouse Scroll.
    Click on Toggle button to show/hide Navigation in the post page.
  6. Widgets
    This option allow to set widget sidebar area Before Content and After Content of blog page and static front page by selecting one of the sidebar area from DropDown options.
  7. Save Changes Save & Publish.

Archive Page Header

  • Go to Appearance > Customize > Archive Page Header
  1. Background
    This options allow to set Archive Header Page section background as color or image for the categories and tags.
  2. Content
    This options allow to display Archive Header Page section content as left, center or right and content background & color scheme.
  3. Save Changes Save & Publish.

Page Settings

  • Go to Appearance > Customize > Page Settings
  1. Layout
    Currently, this theme support only one Layout for the page.
  2. Settings
    This options allow to re-arrange the content order of page as well as show/hide the content parts. Even you can display content as left, center and right.
  3. Content
    This option allow you to set the Title, Subtitle, Background Image, Content Background, Text Alignment, Color and Typography of the Hero Section.
  4. Sidebar
    Select default layout for single page. This layout will be reflected in all single page unless unique layout is set for specific page.
  5. Widgets
    This option allow to set widget sidebar area Before Content and After Content of page by selecting one of the sidebar area from DropDown options.
  6. Save Changes Save & Publish.

Post Settings

  • Go to Appearance > Customize > Post Settings
  1. Layout
    There are 2 Layouts for the post page.
  2. Sidebar
    Select default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post.
  3. Meta
    This options allow to display post Meta tags in single post page. Such as Published Data, Author, Categories, Tags, Comments and Post Like.
  4. Navigation
    There are 3 Layouts for the post navigation.
    Click on Toggle button to show/hide Navigation in the post page.
  5. Author Info Box
    This option allow to display Author Information after post content in post page.
    Click on Toggle button to show/hide Author Info Box section in the post page.
  6. Related Posts
    This option allow to display Related Posts after post content in post page. Related posts will display by same category or by same tags or by same author.
    Click on Toggle button to show/hide Related Posts section in the post page.
  7. Widgets
    This option allow to set widget sidebar area Before Content and After Content of post page by selecting one of the sidebar area from DropDown options.
  8. Save Changes Save & Publish.

404 Error Page

  • Go to Appearance > Customize > 404 Error Page
  1. Page Settings
    This option allow to set 404 Error Page Title, Description, Error Logo, Back to Home Button.
    Click on Toggle button to display Back to Home Button, Search Bar, Recent Post, Tag, Categories & Archives.
  2. Widgets
    This option allow to set widget sidebar area Before Content and After Content of Error Page by selecting one of the sidebar area from DropDown options.
  3. Save Changes Save & Publish.

Footer

  • Go to Appearance > Customize > Footer
  1. Back to Top
    Enable/Disable Got to Top Button by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  2. Footer Widget
    Set number of Footer Widgets and Footer Layout.
    Enable/Disable Footer Widgets by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  3. Footer Bar
    This option allow to set the appearance of footer bar section. Which contains 3 sections( Copyright Text, Footer Menu & Social Icons ) in Footer Bar
    It also allow to re-arrange the order of content section.
  4. Footer Bar Separator
    It allow to separate the footer content and main page content by adding horizontal line.
    Enable/Disable Footer Bar Separator by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  5. Footer Copyright
    This options allow to change the custom Footer Copyright text in site.
  6. Save Changes Save & Publish.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Blog Setup

Step 1: Create a Page with name “Blog”

Create a page Blog
  • Create a new page, Go to Pages Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings Reading.
  1. Set radio button to A static page (select below).
  2. Select a page “Blog” ( recently created page ).
  3. Save Changes

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

 

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
    • PT: Recent Post Widget allow to display posts with by latest post or by category of post.
    • PT: Post Slider Display Posts in Slider With latest posts or posts of specific category.
    • PT: About Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to dispay the social profiles.
    • PT: Instagram Feed Widget allow to dispay the Instagram Images.
    • PT: Facebook Page Widget allow to dispay the Facebook Page.
  2. Sidebar widget position allows to display widgets to the sidebar for single post and pages.

Need Help?

Premium Ticket Support

Our support members are ready to help you out to setup your website. High priority support for member using premium themes. Ticket Support includes answering about theme and its features & functionality and fixing bugs.

Submit a Ticket

Envy Blog

Setup Instructions

Thank you for downloading our theme. This document will guide you to install theme and setup your website
quick and easily. If any issue occurs during installation, please feel free to get support through our
Support, we are here to help you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of
      envy-blog.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking
    Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Create Dropdown menu item by dragging menu item under parent menu.
  6. Set checkbox to Primary Menu to show menu items in primary menu position.
  7. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Theme Options

Header

  • Go to Appearance > Customize > Header
  1. Layout
    There are total 2 Layouts inbuilt in theme.
    Choose one of the Layout to make your site Awesome and Beautiful.
  2. Sticky Header
    Click on Toggle button to set Header as Sticky.
  3. Site Title & Tagline
    Allow to set or change the Site Logo, Title,
    Tagline and Favicon of site.
  4. Search Icon
    Click on Toggle button to enable/disable Search Icon in Header
    section.
  5. Shopping Cart Icon
    Click on Toggle button to enable/disable Shopping Cart Icon in
    Header section. This section only display if WooCommerce Plugin is activated.

General

  • Go to Appearance > Customize > General
  1. Background Color
    Allow to set site Background Color as well as Container Background Color. There is also option
    to display container separator as Box Shadow or Border.
  2. Breadcrumbs
    Click on Toggle button to display Breadcrumbs in site as well
    as allow to set Breadcrumbs Delimiter.
  3. Save Changes Save & Publish.

Social

  • Go to Appearance > Customize > Social
  1. Social Profiles
    This option allow to add Social Profiles as many as we need and re-arrange the
    order of appearance. Social Profile icons will support font awesome icon as well as custom logo
    icon.
  2. Save Changes Save & Publish.

Hero Section

  • Go to Appearance > Customize > Header Section
  1. Activate
    Click on Toggle button to display Hero Section in Home Page or
    Front Page of the site.
  2. Layout
    There are total 2 Layouts for the Hero Section.
    Choose one of the suitable Layout for the hero section of your site.
  3. Content
    This option allow you to set the Title, Subtitle, Background Image, Content Background and Text
    Alignment of the Hero Section.
  4. Button
    This option allow you to set the Button Text and Button Types as ( Rounded,
    Arrow, Underline ).
  5. Save Changes Save & Publish.

Archive/Blog

  • Go to Appearance > Customize > Archive/Blog
  1. Layout
    There are 2 Layouts for the blog page. Select one of the blog layout to make
    site awesome and beautiful.
  2. Settings
    This options allow to display blog article in raw per column for first layout (Masonry) and
    re-arrange the post title and post meta for second layout (Blog List).
  3. Sidebar
    This option only available for the blog layout 2 (Blog List).
    Select default sidebar. This sidebar will be reflected in whole site archives, categories,
    search page etc.
  4. Save Changes Save & Publish.

Page Settings

  • Go to Appearance > Customize > Page Settings
  1. Layout
    Currently, this theme support only one Layout for the page.
  2. Settings
    This options allow to re-arrange the content order of page as well as show/hide the content
    parts.
  3. Sidebar
    Select default layout for single page. This layout will be reflected in all single page unless
    unique layout is set for specific page.
  4. Save Changes Save & Publish.

Post Settings

  • Go to Appearance > Customize > Post Settings
  1. Layout
    Currently, this theme support only one Layout for the post.
  2. Settings
    This options allow to re-arrange the content order of post as well as show/hide the content
    parts.
  3. Sidebar
    Select default layout for single posts. This layout will be reflected in all single posts unless
    unique layout is set for specific post.
  4. Navigation
    Currently, this theme support only one Navigation Layout for the post.
  5. Click on Toggle button to show/hide Navigation in the post
    page.

  6. Author Info Box
    This option allow to display Author Information after post content in post
    page.
    Click on Toggle button to show/hide Author Info Box section in
    the post page.
  7. Save Changes Save & Publish.

404 Error Page

  • Go to Appearance > Customize > 404 Error Page
  1. Page Settings
    This option allow to set 404 Error Page Title, Description, Error Logo, Back to
    Home Button.
    Click on Toggle button to display Back to Home Button, Search Bar, Recent Post,
    Tag, Categories & Archives.
  2. Save Changes Save & Publish.

Footer

  • Go to Appearance > Customize > Footer
  1. Back to Top
    Enable/Disable Got to Top Button by clicking toggle button, white circle with
    blue background is ON and with gray background is OFF.
  2. Footer Widget
    Set number of Footer Widgets and Footer Layout.
    Enable/Disable Footer Widgets by clicking toggle button, white circle with blue
    background is ON and with gray background is OFF.
  3. Footer Bar
    This option allow to set the appearance of footer bar section. Which contains 2 sections(
    Copyright Text & Social Icons ) in Footer Bar
    It also allow to re-arrange the order of content section.
  4. Save Changes Save & Publish.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page
of your site. If you want to set a static page as a front-page then you can follow those steps.

  • Go to Appearance > Customize > Static Front
    Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be
    shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.

  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our
    developers.

    • PT: Recent Post Widget allow to display posts with by latest post or by
      category of post.
    • PT: About Widget allow to display user ( Author ) details.
    • PT: Social Profiles Widget allow to dispay the social profiles.
  2. Sidebar widget position allows to display widgets to the sidebar for single
    post and pages.
  3. Footer 1, Footer 2, Footer 3 and Footer
    4
    are widgets positions displayed at footer with 4 columns in a row.

Need Help?

Premium Ticket Support

Our support members are ready to help you out to setup your website. High priority support for member
using premium themes. Ticket Support includes answering about theme and its features &
functionality and fixing bugs.

Submit
a Ticket