The Styled Blog Premium Theme Documentation
- Getting Started
- Installation
- License Integration
- Demo Import
- Site Identity
- Site Title Colors & Typography
- Global Options
- Header Media
- Theme Header
- Main Banner
- Featured Links
- Blog Page / Archive
- Latest Products
- Innerpages
- Colors
- Single Post
- Footer Three Column
- Footer Newsletter
- Footer Instagram
- Widgets
- WooCommerce
- Footer Copyright Text
- Translation
Getting Started
Introduction
The Styled Blog Theme has the finest design to exhibit your content, images, and videos in the most stylish and organized way to your audience. This Theme is suitable for any lifestyle, fashion, photography, video-sharing, food, beauty, cosmetic, or any blog in a specific niche. It has separate sections for products, and subscription feature so, it can be used for eCommerce and Subscription sites as well. The theme has been built with input from SEO Experts. To make the theme Search Engine and Mobile friendly and Image Lazy-loading features have been enabled that will help rank your web pages on search engines and load the pages faster on users’ devices. Check out our beautiful pre-built demos now: All pre-built demos
Installation
Administration Panel
- Log in to your WordPress Administration Panel.
- Click on Appearance -> Themes -> Add New
- Search for “The Styled Blog” in the search field.
- You can upload the theme zip file if you have downloaded before.
- Click on Install button and then Activate the theme.
Pro Version
Buy The Styled Blog premium version from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page
- Log in to your WordPress Administration Panel.
- Click on Appearance -> Themes -> Add New
- Upload the theme zip file that you have downloaded.
- Click on Install button and then Activate the theme.
CPanel/ FTP
Download the latest version of the the styled blog theme from https://wordpress.org/themes/the-styled-blog page.
- Unzip the downloaded zip file.
- Upload the unzipped file inside public_html/wp-content/themes/.
- Now, activate the theme through Dashboard > Appearance -> Themes
- Activate the The Styled Blog and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.
Pro Version
Buy The Styled Blog premium version from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page
- Unzip the downloaded zip file.
- Upload the unzipped file inside public_html/wp-content/themes/.
- Now, activate the theme through Dashboard > Appearance -> Themes
- Activate the The Styled Blog Pro and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.
License Integration
Activating License
Pro Version
You need to activate the license key in order to receive Automatic Theme Updates which includes featured updates, security updates and bug fixes. To activate the license key,
- First you have to find the license key that you will get in your purchase confirmation email.
- You can also find your license key in “My Account” page of blazethemes.com
- Now, go through your dashboard > appearance > The Styled Blog License
- Paste the license key in the input field and click “Activate License”
Demo Import
Importing Demo Content
After you activate The Styled Blog in your website. You can use demo import to make your site look like one of our available demos.
- Go to Appearance > The Styled Blog Info
- You can see list of all demos in this page
- If you have not install/activate the Blazethemes Demo Importer plugin Click on install/activate demo importer button just above the demos listing section
- Then, hover onto the demo you want to import and Click Install
- It will land you to the demo importer setting page
- Check the box if you want to reset your website data before demo import( Note : It will erase all of your posts, pages, media and website data )
- Uncheck box if you donot want to erase your previous data. ( Note : Your site may not look exactly like demo as your previous posts, pages, categories or tags may collide with new datas )
- Final Note: Always backup your website before resetting website for demo import.
- Finally, your site now looks exactly like a demo. Go on and Customize further with your choice
Site Identity
Site Logo & Site Icon
To upload and change site logo & Site Icon
- Dashboard > Appearance > Customize > Site Identity > Logo & Site Icon
- Upload the logo and site icon you want to set for your site.
- Upload the logo for site icon as recommended it should be square and at least 512 * 512 pixels.
Site Title & Tagline
To change site title & tagline
- Dashboard > Appearance > Customize > Site Identity > Site title & Tagline
- Under Site title input field add your site title
- Uncheck to hide site title under “Display site title” checkbox field
- Under Site title input field add your site description
- Uncheck to hide site title under “Display site description” checkbox field
Site Title Colors & Typography
Site Title Colors, Typography
To change site title colors and typography
- Dashboard > Appearance > Customize > Site Identity > Site title & Tagline
- Scroll to style section
- Choose the site title color
- Choose the site title hover color
- Scroll to typography section
- Choose font family, font weight, font style, font size and line height
Global Options
Miscs
To work on Miscs
- Dashboard > Appearance > Customize > Global Option > Miscs
Site Preloader
Pro Theme
To work on Site Preloader
- Dashboard > Appearance > Customize > Global Option > Site Preloader
- Toggle to enable preloader
- Choose background color
- Choose image or a gif to load before site content loads
Site Animation
Pro Theme
To work on Site Animation
- Dashboard > Appearance > Customize > Global Option > Site Animation
- Toggle to enable site animation
- Choose animation type from dropdown
- Choose animation delay
- Choose animation duration
- Toggle to enable image hover animation
Sticky Header
To work on Sticky Header
- Dashboard > Appearance > Customize > Global Option > Sticky Header
- Toggle to show sticky header
Container
To work on Container
- Dashboard > Appearance > Customize > Global Option > Container
- Change container width and sidebar width
Buttons
Pro Theme
To work on Buttons
- Dashboard > Appearance > Customize > Global Option > Buttons
- Choose buttons layouts
Breadcrumb
Pro Theme
To work on Breadcrumb
- Dashboard > Appearance > Customize > Global Option > Breadcrumb
- Toggle to show / hide breadcrumb
- Select prefix title
- Select home title
- Select search page title
- Select error 404 title
Sidebar Layouts
To work on Sidebar Layouts
- Dashboard > Appearance > Customize > Global Option > Sidebar Layouts
- Change post sidebar, page sidebar, archive/category sidebar, search page sidebar, 404 page sidebar
Sticky Sidebar
To work on Sticky Sidebar
- Dashboard > Appearance > Customize > Global Option > Sticky Sidebar
- Toggle to enable sticky sidebars
Scroll To Top
To work on Scroll To Top
- Dashboard > Appearance > Customize > Global Option > Scroll To top
- Toggle to show scroll to top
- Show button on mobile and tablet from checkbox
- Choose button align
- Customize padding from padding section
- Choose border style, border color, border width from border section
Pro Theme
- Select buttons text or leave blank to hide text
- Choose color / hover color
- Choose background – color / hover
Typography
Pro Theme
To work on Typography
- Dashboard > Appearance > Customize > Global Option > Typography
- Choose font family, font weight, font style, font color, font size, line height
- Click on custom to see changes you made here. Theme default will revert typography to the default values generated by theme
Header Media
Header Media
To work on Header Media
- Dashboard > Appearance > Customize > Header Media
- Select header video or enter a youtube URL
- Select header image
Theme Header
Content
To work on Content
- Dashboard > Appearance > Customize > Theme Header > Content
- Toggle to show search bar
- Choose search bar color / hover color
- Toggle to show social icons
- Choose social icons color / hover color
Pro Theme
- Select search placeholder
- Toggle to show sidebar toggle bar
- Choose toggle color / hover color
Style
To work on Style
- Dashboard > Appearance > Customize > Theme Header > Style
- Choose bottom box shadow from dropdown
- choose background to solid, gradient and image
Pro Theme
- choose header layouts
Menu Options
To work on Menu Options
- Dashboard > Appearance > Customize > Theme Header > Menu Options
- Choose menu hover effect from dropdown
- Select menu colors, active menu colors
- Choose font family, font weight, font style, font size and line height from typography section
- Click on “Mobile” tab to change the mobile menu toggle button color and background color
Pro Theme
- Select menu colors, sub menu colors, active menu colors, border type and border colors
Main Banner
Main Banner
To work on main banner
- Dashboard > Appearance > Customize > Main Banner
- Toggle to show / hide main banner
- Select orderby to show main banner in different pages from drop down
- Select orderby to display the post in different order
- Select posts categories from checkbox
- Choose number of posts to display
- Show/hide post with no featured image
- show/hide post title
- show/hide post categories
- show/hide post published date
- show/hide comments number
- Enable fade animation
- Control slider speed
Pro Theme
- Choose available layouts for main banner
- Enable slider item to auto slide
- Show slider controller arrows
- Show slider page dots
- Enable slider loop
Featured Links
Featured Links
To work on Featured Links
- Dashboard > Appearance > Customize > Featured Links
- Toggle to show / hide featured links
- Select orderby to show featured links in different pages from drop down
- Choose section title
- Choose content type from dropdown
- Choose post categories from checkbox
- Toggle to show/hide links title and categories count
- Select column control
Pro Theme
- Choose available layouts for featured links
- Show/hide carousel control arrows
- Enable carousel auto
Blog Page / Archive
Blog Page / Archive
To work on Blog Page / Archive
- Dashboard > Appearance > Customize > Blog Page / Archive
- Select pagination type from dropdown
- Choose Ajax load button label
- Enable dropcap from checkbox
- Choose post content to display
- Show / hide post date, post comments number, post categories, read more from checkbox
- Select read more text
- Toggle to show / hide related posts
- Choose related posts title and posts count
- Select to show section on mobile and tablet
Pro Theme
- Choose posts layouts
- Select word count
- Select filter posts by
Latest Products
Latest Products
To work on Latest Products
- Dashboard > Appearance > Customize > Latest Products
- Toggle to show / hide latest products
- Install and activate the related plugin
- Choose section title
- Choose product type from dropdown
- Choose number of products to display
- Show/hide ratings
- Show/hide price
- Sow/hide add to cart
Pro Theme
- Choose available layouts for latest products
- Choose products categories from checkbox
Innerpages
Search
Pro Theme
To work on Search
- Dashboard > Appearance > Customize > Innerpages > Search
- Choose search title
- Choose search content
404
Pro Theme
To work on 404 Error Page
- Dashboard > Appearance > Customize > Innerpages > 404
- Select image
- Select 404 page title
- Select 404 content title
- Choose label, URL from button section
- Choose button color/hover color, Background-color/hover
Colors
Colors
To work on Colors
- Dashboard > Appearance > Customize > Colors
- Choose background color, theme color, theme hover color, widget title color
Single Post
Single Post
To work on Single post
- Dashboard > Appearance > Customize > Single post
- Show/hide post date
- Show/hide post categories
- Show/hide post comments number
- Show/hide post tags
- Toggle to show/hide author box
- Toggle to show/hide related posts
- Choose related posts title
- Choose posts count
Pro Theme
- Choose post layouts
- Choose filter posts by
Footer Three Column
Footer Three Column
To work on Footer Three Column
- Dashboard > Appearance > Customize > Footer Three Column
- Choose column title and post category from column one section, column two section and column three section
- Choose section width
- Select to show section in different pages
- Customize padding from padding section
- Choose color / hover color
- choose background to solid and gradient
Pro Theme
- Choose column title, posts count and post category from column one section, column two section and column three section
Footer Newsletter
Footer Newsletter
Pro Theme
To work on Footer Newsletter
- Dashboard > Appearance > Customize > Footer Newsletter
- Install and activate the related plugin
- Choose title and sub title
- Paste newsletter shortcode
- Choose section width from dropdown
- Select to show section in different pages
- Control padding from padding section
- Choose color / hover color
- Choose background solid or gradient
Footer Instagram
Footer Instagram
Pro Theme
To work on Footer Instagram
- Dashboard > Appearance > Customize > Footer Instagram
- Install and activate the related plugin
- Paste Instagram shortcode
- Choose section width from dropdown
- Show section in different pages
- Control padding from padding section
- Choose background solid or gradient
Widgets
Author Info
To work on Author Info
- Dashboard > Appearance > Widgets
- Click add widgets
- Search for “Author Info” in search
- Drag and drop the widget in the sidebar
- Customize author info widget with your content
Category Collection
To work on Category Collection
- Dashboard > Appearance > Widgets
- Click add widgets
- Search for “Category Collection” in search
- Drag and drop the widget in the sidebar
- Customize category collection widget with your content
Post List
To work on Post List
- Dashboard > Appearance > Widgets
- Click add widgets
- Search for “Post List” in search
- Drag and drop the widget in the sidebar
- Customize post list widget with your content
Social Icons
To work on Social Icons
- Dashboard > Appearance > Widgets
- Click add widgets
- Search for “Social Icons” in search
- Drag and drop the widget in the sidebar
- Customize social icons widget with your content
Widget Title
To work on Widget Title
- Dashboard > Appearance > Widgets
- Click add widgets
- Search for “Widget Title” in search
- Drag and drop the widget in the sidebar
- Customize widget title widget with your content
WooCommerce
Store Notice
Pro Theme
To work on Store Notice
- Dashboard > Appearance > Customize > WooCommerce > Store Notice
- Enable store notice from checkbox
Product Catalog
Pro Theme
To work on Product Catalog
- Dashboard > Appearance > Customize > WooCommerce > Product Catalog
- Choose shop page display from dropdown
- Choose category display from dropdown
- Choose default product sorting from dropdown
- Choose products per row from dropdown
- Choose rows per page
Product Images
Pro Theme
To work on Product Images
- Dashboard > Appearance > Customize > WooCommerce > Product Images
- Choose main image width
- Choose thumbnail width
- Choose thumbnail cropping, custom or uncropped option
Checkout
Pro Theme
To work on Checkout
- Dashboard > Appearance > Customize > WooCommerce > Checkout
- Choose company name from dropdown
- Choose address line 2 field from dropdown
- Choose phone from dropdown
- Highlight required fields from checkbox
- Choose privacy policy page from dropdown
- Choose terms and conditions page from dropdown
Footer Copyright Text
Copyright Text
Pro Theme
To change footer copyright string
- Go through Dashboard > Appearance > Customize > Theme Footer > Bottom Footer
- Under Site information editor field change the string
Translation
Translating Theme
To translate The Styled Blog theme in your language
- Activate “Loco Translate” Plugin from Dashboard > Plugins > Add new > Search for Loco Translate
- Install & Active the plugin
- Now go to Loco Translate in your dashboard left admin menu
- Click on active theme
- Choose the language you want to translate to
- Then add string of your language
To work on Social
Pro Theme