How to customize Mash Pro theme

Please note that: the customize panel are similar to Savana WordPress theme

To customize Mable Pro, please go to Appearance > Customize

Mable Pro Main Settings

Mable Pro Main Settings > Color Scheme

From this section you can manage the color scheme of Mable Pro

  1. Body Color Schemes
    You can select the color scheme of body alternately, you can choose a custom color going to Appareance > Colors

Mable Pro Main Settings > Topbar section

From this section you can manage the topbar.

  1. Date format
    You can set the date format

Mable Pro Main Settings > General settings

From this section you can manage the general settings of Mable Pro

  1. Enable or disable the breadcrumb
  2. Breadcrumb layout
    You can select the layout for the breadcrumb.
    – Light style
    – Dark style
  3. Enable or disable a label before the list of recent posts on the homepage
  4. Show the homepage label only on the first page of pagination on your homepage. Enable this option to display the homepage label exclusively on the first page.
  5. Replace the default label before the list of recent posts on the homepage
  6. Enable or disable the header search
  7. Enable or disable the placeholder on the homepage, archives, and search results
  8. Enable or disable the category title
  9. Enable or disable the searched item
  10. Enable or disable the back to top button

Mable Pro Main Settings > Single posts settings

  1. Option to hide the featured image in posts and pages
  2. Enable or disable the post categories
  3. Enable or disable the post icon
  4. Enable or disable the author name
  5. Replace the default label of post author
  6. Enable or disable the post date
  7. Enable or disable the related posts section
  8. Enable or disable the post author info box
  9. Option to use a different layout for the Aside, Link and Quote posts

Mable Pro Main Settings > Layouts

From this section you can manage the layouts of Mable Pro

  1. Set a different layout for homepage: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  2. Set a different layout for categories: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar
  3. Set a different layout for search result: full width, left or right sidebar, masonry layout or masonry layout with a left or right sidebar

Mable Pro Main Settings > Copyright and social links

From this section you can manage the copyright text and social links

  1. Add the copyright text
  2. Manage the social links (max 12 buttons)
  3. Enable or disable the feed RSS button

Mable Pro Main Settings > WooCommerce settings

From this section you can manage the settings of WooCommerce.

  1. Enable or disable the header cart
  2. Enable or disable the cross sell products on cart page
  3. Enable or disable the related products on product page
  4. Enable or disable the up sell products on product page
  5. Make linkable the product thumbnails on WooCommerce category pages
  6. Choose the layout of shop page
  7. Choose the layout of WooCommerce categories

Mable Pro Typography

Mable Pro Typography > Body

From this section you can choose a Google Font for the page body

Mable Pro Typography > Logo

From this section you can manage the typography of the logo.

  1. Logo font family
    you can choose a Google Font for the logo
  2. Logo weight
    You can choose the font weight for the logo
  3. Text transform
    You can display an uppercase logo
  4. Logo font size
    You can set the size of logo
  5. Logo description font family
    you can choose a Google Font for the logo description
  6. Logo description weight
    You can choose the font weight for the logo description
  7. Logo description font size
    You can set the size of logo description
  8. Description top margin
    You can add a space between the first row and the description

Mable Pro Typography > Menu

From this section you can manage the typography of the menu.

  1. Menu font family
    you can choose a Google Font for the main menu
  2. Menu weight
    You can choose the font weight for the menu
  3. Text transform
    You can display an uppercase menu
  4. Menu font size
    You can set the size of main menu

Mable Pro Typography > Mobile menu

From this section you can manage the typography of the mobile menu.

  1. Menu font family
    you can choose a Google Font for the mobile menu
  2. Menu weight
    You can choose the font weight for the mobile menu
  3. Text transform
    You can display an uppercase mobile menu
  4. Menu font size
    You can set the size of mobile menu

Mable Pro Typography > Content

From this section you can manage the typography of the content

  1. Font size
    You can set the size of content

Mable Pro Typography > Headlines

From this section you can manage the typography of the headlines

  1. Headlines font family
    you can choose a Google Font for the headlines
  2. Headlines weight
    You can choose the font weight for the headlines
  3. Headlines text transform
    You can display an uppercase title
  4. Headlines font size
    You can set the size of each headline (h1,h2,h3,h4,h5,h6)

Mable Pro Typography > Post meta

  1. Font size
    You can set the size of post meta
  2. Text transform
    You can display the post meta in uppercase