Trucky
Customizer
Customizer is a WYSIWYG theme settings interface. You can setup typography, navigation, widgets positioning, background images and colors settings here. Our theme installation will provide you with a wider range of settings, such as social networks configuration, page layouts setting, sidebars, block setting and much more. The main advantage is that you can see the result immediately, and you can change it in no time flat without having to work with the files or code.
Site Identity
Here you can setup site identity.
Show tagline after logo
This property specifies whether to show or hide tagline after logo.
Show toTop button
This property specifies whether to enable or disable topTop button.
Show page preloader
This property specifies whether to show placeholder or not.
General Site Settings
Here you can customize logo & favicon, breadcrumbs, social links and page layout.
Logo & Favicon
You can configure logo and favicon here.
Logo Type
- Image - You can choose a logo image from the media library in the next option
- Text - Your WordPress Site Title will be shown instead
Logo Upload
Click the “Choose Media” button to select the logo image from the media library or upload your image.
Retina Logo Upload
Here you can upload the logo for retina-ready devices.
Logo Font Family
Specify the logo font family
Logo Font Style
Specify the font style for your logo
Logo Font Weight
Specify the logo font weight
Logo Font Size
Specify the logo font size
Logo Character Set
Specify the logo character set
Breadcrumbs
Here you can set up site breadcrumbs.
-
Enable Breadcrumbs - Show / Hide breadcrumbs
-
Enable Breadcrumbs on front page - Enable/disable breadcrumbs on front page
-
Enable page title in breadcrumbs area - Show page title in breadcrumbs area
Show full/minified breadcrumbs path
- Full - Full breadcrumbs display mode
- Minified - Minified breadcrumbs display mode
Social links
Here you can set up site social links.
-
Show social links in footer - Displays the list of links to social networks pages in site footer
-
Show social sharing to blog posts - Displays “share in social networks” buttons in blog posts
-
Show social sharing to single blog post - Displays “share in social networks” buttons on a single blog post
Page layout
Here you can select the layout pattern for the header, content and footer containers.
Container width (px)
The width of main website container in pixels.
Sidebar width
The width ratio of the sidebar and main template container, can take two values: 1/3 or 1/4
Color Scheme
Here you can set up site color scheme.
Regular scheme
-
Accent color (1) - First version of the main theme color
-
Accent color (2) - Second version of the main theme color
-
Accent color (3) - Third version of the main theme color
-
Text color - Color of the text
-
Link color - Color of the links
-
Link hover color - color Color of the links on hover
-
H1 color - Color of the H1 title
-
H2 color - Color of the H2 title
-
H3 color - Color of the H3 title
-
H4 color - Color of the H4 title
-
H5 color - Color of the H5 title
-
H6 color - Color of the H6 title
Invert scheme
-
Accent color (1) - The first version of the main inverted theme color
-
Accent color (2) - The second version of the main inverted theme color
-
Accent color (3) - The third version of the main inverted theme color
-
Text color - Inverted text color
-
Link color - Inverted color of the links
-
Link hover color - Inverted color of the links on hover
-
H1 color - Inverted color of the H1 title
-
H2 color - Inverted color of the H2 title
-
H3 color - Inverted color of the H3 title
-
H4 color - Inverted color of the H4 title
-
H5 color - Inverted color of the H5 title
-
H6 color - Inverted color of the H6 title
Typography
Here you can configure headers and text typography
Typography
-
Body text - Main website text typography options
-
Font Family - Body text font family
-
Font Style - Body text font style
-
Font Weight - Body text font weight
-
Font Size - Body text font size
-
Line Height - Body text line height
-
Letter Spacing - Body text letter spacing
-
Character Set - Body text character set
-
Text Align - Body text align
-
-
H1 - H1 heading font settings
-
Font Family - H1 font family
-
Font Style - H1 font style
-
Font Weight - H1 font weight
-
Font Size - H1 font size
-
Line Height - H1 line height
-
Letter Spacing - H1 letter spacing
-
Character Set - H1 character set
-
Text Align - H1 text align
-
-
H2 - H2 heading font settings
-
Font Family - H2 font family
-
Font Style - H2 font style
-
Font Weight - H2 font weight
-
Font Size - H2 font size
-
Line Height - H2 line height
-
Letter Spacing - H2 letter spacing
-
Character Set - H2 character set
-
Text Align - H2 text align
-
-
H3 - H3 heading font settings
-
Font Family - H3 font family
-
Font Style - H3 font style
-
Font Weight - H3 font weight
-
Font Size - H3 font size
-
Line Height - H3 line height
-
Letter Spacing - H3 letter spacing
-
Character Set - H3 character set
-
Text Align - H3 text align
-
-
H4 - H4 heading font settings
-
Font Family - H4 font family
-
Font Style - H4 font style
-
Font Weight - H4 font weight
-
Font Size - H4 font size
-
Line Height - H4 line height
-
Letter Spacing - H4 letter spacing
-
Character Set - H4 character set
-
Text Align - H4 text align
-
-
H5 - H5 heading font settings
-
Font Family - H5 font family
-
Font Style - H5 font style
-
Font Weight - H5 font weight
-
Font Size - H5 font size
-
Line Height - H5 line height
-
Letter Spacing - H5 letter spacing
-
Character Set - H5 character set
-
Text Align - H5 text align
-
-
H6 - H6 text typography options
-
Font Family - H6 font family
-
Font Style - H6 font style
-
Font Weight - H6 font weight
-
Font Size - H6 font size
-
Line Height - H6 line height
-
Letter Spacing - H6 letter spacing
-
Character Set - H6 character set
-
Text Align - H6 text align
-
-
Breadcrumbs - Breadcrumbs font settings
-
Font Family - Breadcrumbs font family
-
Font Style - Breadcrumbs font style
-
Font Weight - Breadcrumbs font weight
-
Font Size - Breadcrumbs font size
-
Line Height - Breadcrumbs line height
-
Letter Spacing - Breadcrumbs letter spacing
-
Character Set - Breadcrumbs character set
-
Header
You can set header items here.
Header Styles
Layout
- Minimal - Minimal header layout
- Centered - Centered header layout
- Default - Default header layout
- Transparent - Transparent header layout
Background Color (Minimal, Centered and Default Layouts)
Background Color
Background Image (Minimal, Centered and Default Layouts)
Background Image
Background Repeat (Minimal, Centered and Default Layouts)
Choose between following options:
- No Repeat
- Tile
- Tile Horizontally
- Tile Vertically
Background Position (Minimal, Centered and Default Layouts)
Choose between following options:
- Left
- Center
- Right
Background Attachment (Minimal, Centered and Default Layouts)
Choose between following options:
- Scroll
- Fixed
Top Panel
You can set header top panel here.
-
Disclaimer Text - Enter custom disclaimer text. HTML formatting supported.
-
Enable search - Show / Hide search form in top header part.
-
Background color - Here you can define header top panel background color.
Main Menu
You can configure main navigation menu here.
-
Enable sticky menu - Enable/disable fixed stick-to-top main menu.
-
Enable title attributes - Show / Hide search form in header top panel.
Sidebar
Here you can configure the position of template sidebars.
Sidebar position
- No sidebars - No sidebar will be displayed.
- Sidebar on left side - Sidebar will be displayed on the left side.
- Sidebar on right side - Sidebar will be displayed on the right side.
MailChimp
Here you can setup MailChimp settings for subscribe widget.
MailChimp API key
If you want to set up an integration with your MailChimp account, you’ll need to generate an API key, and insert in this field.
MailChimp list ID
Each MailChimp list has a unique List ID that integrations, plugins, and widgets may require to connect and transfer subscriber data.
After the template installation you’ll see the following message: “Please set up MailChimp API key and List ID” instead of the subscribe and follow form.
Subscribe and follow form will be displayed, after you paste MailChimp API key and MailChimp list ID.
For more information, please visit official documentation.
Ads Management
This option allows you to add various kinds of ads to the website. Just add a particular shortcode to any of the listed sections.
-
Header
-
Header
-
Front Page Before Loop
-
Post Before Content
-
Post Before Comments
Footer
Settings for the website footer section.
-
Logo upload - Select your main footer logo to be an image. You must choose a logo image from the media library in the next option.
-
Copyright text - Set custom copyright text for your Footer area.
-
Widget Area Columns - Here you can set a number of columns for site widgets, 1 to 4.
-
Layout - Here you can define the footer layout type.
-
Footer Widgets Area color - Here you can define the Widget Area background color.
-
Footer Background color - Here you can define the Footer Area background color.
Blog
Here you can configure your blog.
Layout
Choose your blog layout:
- Listing
- Grid (2 Columns)
- Grid (3 Columns)
- Masonry (2 Columns)
- Masonry (3 Columns)
- Vertical Justify
Featured Post Label
Label for sticky post
Post content
Choose whether to show full content or post excerpt.
Featured Image
Choose featured image layout type:
- Fullwidth
- Small
Read More button text
Enter the Read More button text.
Show post author
Choose whether to show or hide the post author.
Show publish date
Choose whether to show or hide the post publish date.
Show categories
Choose whether to show or hide the post categories.
Show tags
Choose whether to show or hide the post tags.
Show comments
Choose whether to show or hide the post comments.
-
Header
-
Header
Site title
Your website title goes here.
Tagline
This a short statement similar to a subtitle or advertising slogan.
Site Icon
Icon image that is displayed in the browser address bar and browser tab heading. Icons must be square. Max icon (.ico) size is 32x32 px. You can also upload favicon for retina displays. Max retina icon size: 512x512 px. Also you can Enable Retina optimization and Show preloader when open a page via selecting the checkbox.
Color
Here you can set up the main background color of template.
Background Image
You can choose the background image for your website.
- Background Repeat
- No Repeat
- Tile
- Tile Horizontally
- Tile Vertically
- Background Position
- Left
- Center
- Right
- Background Attachment
- Scroll
- Fixed
Menu Locations
Your theme supports 4 menus. Select which menu appears in each location. You can also place menus in widget areas with the Custom Menu widget.
Locations list
- Footer - Select navigation menu, that will be displayed in the footer area.
- Main - Select primary navigation menu.
- Social - Select navigation menu, that will be used for social networks.
Widgets
You can configure widgets and their positions here. Main theme functionality is focused in widgets. Each template has a specific set of Widget Areas.
Widget creating
In order to add a widget to template page you should first decide where will it be displayed on the website by selecting one of the Widgets Areas available. Next press the “+ Add a Widget” button on the list of widgets that appears. After doing this you can define the order of widgets appearance by pressing “Reorder” button.
Static Front Page
Your theme supports a static front page.
Front page displays
- Your latest post - Front page shows a list of site posts that were recently added.
- A static page - This setting allows to choose site main and blog pages among the list of the available ones.
- Front page - Choose the front page.
- Posts page - Choose the posts page.