“Lobster lite” theme

Thank you for your interest in products Geophoto.life. This guide will help you install, customize and use “Adventure” WordPress theme.
This guide is valid for both the light version of the theme, and for the pro.

* only for lite version
** only for pro version

Table of contents

  • Installation
  • Customization
  • Extantion
  • Support

Installation

Customization

Options list

Option name [option ID] – Option description.

For each setting with the prefix “–“, a global CSS variable is created. This creates great flexibility in real-time management of settings.

Site Identity

  • Logo [custom_logo] – It is displayed in the header of the site. If no logo is specified, the site name is displayed.
  • Site title [blogname] – It is displayed in the site header if the logo is not set.
  • Tagline [blogdescription] – It is displayed in the header of the site next to the logo or name of the site. Displayed only if “Display Site Title and Tagline” is enabled.
  • Display site title and tagline [display_header_text] – Enables displaying the description of the site in the header.
  • Site icon [site_icon] – Appears in browser tabs, mobile app icons, etc. Also displayed in the header of the site on mobile devices.
  • Display site icon on mobile view [display-site-icon-mobile] – Enables displaying the site icon on mobile devices instead of the logo.
  • Cookie policy notice [cookie-notice] – Text, that will be displayed from the bottom of the site until the visitor accepts your privacy policy.
  • Minify css files [css-minify] – Minify and merge css files. It is recommended to enable it to speed up the loading of site pages.
  • Reset theme settings [reset-theme] – For all saved theme settings, default values will be set, and all widgets and menu location settings will be deleted.

Layout

Settings for sidebars are displayed only if there are active widgets in the corresponding sidebars.

Main layout
  • Full width screen [full-width] – The maximum width of the page content.
  • Max widht [–max-width] – The maximum width of the page content. Available only when the “full-width” setting is off.
Post lists

Settings are displayed only on the pages of the list of posts, such as categories, tags and others.

  • Display post metadata [teaser-header] – Show post metadata, such as author, date, number of comments, and others.
  • Post columns [–loop-columns-desktop] – The number of columns in the post list. The setting is displayed only in desktop mode.
  • Post columns [–loop-columns-tablet] – The number of columns in the post list. The setting is displayed only in tablet mode.
  • Post columns [–loop-columns-mobile] – The number of columns in the post list. The setting is displayed only in mobile mode.
  • Post thumbnail position [teaser-template] – The position of the post thumbnail. The picture can be located on top, left, right, and alternately. The setting is displayed only in desktop and tablet mode.
  • Post thumbnail position in mobile [teaser-template-mobile] – Post picture position for mobile devices. The picture of the post can be located on top, left, right, and alternately. The setting is displayed only in mobile mode.
  • Post thumbnail width [–thumb-width] – The width of the image in the post list. It is displayed if the post thumbnail is on the left or on the right.
  • Post thumbnail height [–thumb-height] – The height of the image in the post list. It is displayed if the post thumbnail is on the top.
Header main menu

It is displayed only if there is a menu in the site header.

  • Menu position [menu-position] – The position of the header main menu. There are two positions: to the left and bottom of the logo. Sidebars “Header left” and “Header right” are not available when the menu is located to the left of the logo.
  • Menu align [–menu-align] – Horizontal alignment of menu items.
Header top sidebar
  • Widgets align [–sidebar-header_top-align] – Horizontal alignment of widgets within the sidebar.
Header left sidebar
  • Widgets align [–sidebar-header_left-align] – Horizontal alignment of widgets within the sidebar.
  • Sidebar width [–sidebar-header_left-width] – Sidebar width. Only displayed in desktop mode.
  • Hide on screen [sidebar-header_left-hide] – Hide sidebar on selected screen sizes.
Header right sidebar
  • Widgets align [–sidebar-header_right-align] – Horizontal alignment of widgets within the sidebar.
  • Sidebar width [–sidebar-header_right-width] – Sidebar width. Only displayed in desktop mode.
  • Hide on screen [sidebar-header_right-hide] – Hide sidebar on selected screen sizes.
Left sidebar
  • Sidebar width [–sidebar-left-width] – Sidebar width. It is displayed only if the sidebar is displayed on the current page.
  • Hide on screen [sidebar-left-hide] – Hide sidebar on selected screen sizes.
Right sidebar
  • Sidebar width [–sidebar-right-width] – Sidebar width. It is displayed only if the sidebar is displayed on the current page.
  • Hide on screen [sidebar-right-hide] – Hide sidebar on selected screen sizes.
Footer sidebar
  • Widgets align [–sidebar-footer-align] – Horizontal alignment of widgets within the sidebar.

Colors

Background image
  • Background color [background_color] – Background page color.
  • Background image [background_image] – Background page image.
  • Preset [background_preset] – Presets for the background image. Ready-made options for stretching and filling the background image. Displayed only with the specified background image.
  • Image position [background_position] – The position of the background image. Displayed only with the specified background image.
  • Image size – [background_size] – The size of the background image relative to the page size. Displayed only with the specified background image and the selected “custom” preset setting.
  • Repeat background image [background_repeat] – Repeat background image. Displayed only with the specified background image and the selected “custom” or “Fit to screen” presets.
  • Scroll with page [background_attachment] – Scrolling background image. Displayed only with the specified background image and the selected “custom” or “Repeat” presets.
Schemas
  • Color schema [schema] – Sets the color scheme of the site. The scheme determines the basic style of the site, colors, animations, transitions, and much more; the scheme can also determine the appearance of individual elements, such as headings and post templates.
  • Primary color [–hue] – Primary color HUE.
  • Primary color saturate [–sat] – Primary color saturate.
  • Primary color lightness [–lig] – Primary color lightness.
  • Manual decorative color [complimentary] – Enable the ability to manually set an additional decorating color. By default, the decorative color is the opposite of the main one.
  • Decorative color [– complimentary-hue] – Decorative color HUE. Displayed only when manual control of decorative color is on.
  • Decorative color saturate [– complimentary-sat] – Decorative color saturate. Displayed only when manual control of decorative color is on.
  • Decorative color lightness [– complimentary-lig] – Decorative color lightness. Displayed only when manual control of decorative color is on.
Complementary colors
  • Links color [–links] – Link Color.
  • Menu background color opacity [–menu-a] – Menu background transparency.
  • Menu links lightness [–menu-links-l] – Menu links lightness.
Header colors

No comments, add first comment

Leave a Reply

Your email address will not be published. Required fields are marked *