Theme Options

Together with the Adriatica theme you get a big number of customization options. You can set these settings up in Appearance » Theme Options. The options are organized into the following Sections:

General

  • Maximum width of the theme: you can adjust the maximum with of the theme’s wrapper here. 1200px is the default number, but you can make it more wide or narrow based on your needs.
  • Basic theme font: you can set up the font family, size, weight and color for the default theme font here.
  • Title fonts: used for the Post and Page titles for normal page layouts and the section titles in the Page Builder layout
  • Bold font weight: you can select here the default font weight for the texts that are marked as “bold” (using the B or the STRONG HTML elements). It’s up to you if you want to use only slightly bolder style for strong elements or a really bold/black text.
  • Extra CSS: here you can add any custom CSS that will be added to the end of the theme.css file. So you can override default styles easily with this setting.

Colors

  • Body background color: by default this is white, but you can set a different background color for the whole site here
  • Theme Basic color: this is the main color used by the theme. Mainly icons, menus, widgtes, etc. use this color.
  • Secondary color: this color is used mainly by links in the theme and the footer. If you need only 1 color in your color scheme, you might want to set this color to the same value as the Basic color or a gray color.
  • Lighten factor for basic / secondary colors: the original colors will be lightened by this percentages when used in the footer (on dark background they might need lighter versions to show)

Header

  • Top bar widgets per row: you can limit how many widgets are added in a row in the Top bar (the upper part of the header). The “Auto” setting means that the number of the widgets added will determine the layout (with maximum 4 widgets/row).
  • Header Size:
    • Header section height: the minimal height used for the main part of the header. You can make the header taller/shorter with this setting.
    • Mobile small header: if turned ON, the theme will use only a minimal version of the header on smaller screens (< 1024px). It means that only the logo and the menu button will be displayed on small screens inside a short header. This setting is useful if you don’t want your header to eat a lot of space on small screens.
  • Theme Logo:
    • Logo Image: yes, you can upload the logo here. If no logo is added, the site name will be used inside H1 tags.
    • Top padding above the logo: you can move the logo up/down with this setting
  • Header colors:
    • Header background color: it does what it says…
    • Header text color: the color of the H1 .. H6 elements in the content
  • Menu position: you can place the menu into left/right/center position with this setting.
  • Breadcrumbs: you can turn the breadcrumbs line on/off here. The default setting is “On everywhere but the Home Page”, which means that it is only hidden on your front page.

Content

  • Blog:
    • Blog pagination: you can switch between classic Pagination Pages and Load More button. If the latter is selected, new articles are loaded at the end of the blog page with staying on the same page.
    • Load more text: this is displayed on the Load More button (if that is selected for pagination)
    • Index page layout: same setting for the Blog index page (as it not necessarily has a separate page editor in WordPress admin)
    • Read more text for Excerpts: this text is added at the end of the post excerpts in the blog stream
  • Single posts:
    • Parallax featured images: if enabled, featured images in single post view will have a fixed/parallax effect.
    • General post layout: with Right sidebar, Left sidebar or No sidebar at all (Full width). You can override this setting per post.
    • Display page title: you can turn off displaying the titles for pages with this setting. You can override this setting on individual pages. It’s recommended to turn it OFF if you’re not using the title on most of your static pages (e.g. because you want to use the Page Builder on these pages).
  • WooCommerce:
    • Show Woocommerce ratings: you can turn off the ratings on your shop page with this setting. It might be useful if you don’t have any ratings yet and you don’t want to show to your visitors how new your site is.
    • WooCommerce added to cart text: text to be displayed on the Add to Cart button after the item was added to cart.
  • Page Builder base padding: basic size of the section top/bottom paddings in the Page Builder. You can modify this setting with special CSS classes. Learn more here.

Footer

  • Main Footer area:
    • Display Footer widget area: here you can hide the complete Footer area if you don’t need it
    • Footer widgets per row: ou can limit how many widgets are added in a row in the Footer. The “Auto” setting means that the number of the widgets added will determine the layout (with maximum 4 widgets/row).
    • Footer Background Color: self-explanatory…
    • Basic color lighten factor for the footer: the lightness of the theme basic color in the footer (in percents).
  • Copyright Line:
    • Enable copyright line: you can turn the bottom Copyright line ON/OFF
    • Copyright Text field: the content of the copyright line’s left part (the right part contains the iconset by default)
    • Copyright font color: the font color of the copyright text. Will be used for both simple text and links, too.

Social

  • Sharing section title: the section title of the Share section under articles
  • Author Links: home page, Twitter, Facebook: the text on the bottom of author boxes under blog posts. You can use the {AUTHOR_NAME} shorttag to include the author’s display name here.
  • Site icons: these icons are displayed in the header and the Copyright line’s right part by default. Possible icon types:
    • Normal: a standard social icon that links to a social network page
    • Separator: leaves out a space, e.g. if you’d like to group icons
    • Shopping cart: displays the number of items in the Shopping cart and also has a Cart dropdown if you click on this icon
    • Search: opens a Search dropdown if you click on this icon
  • Comment form position: inside the comments section, should the form put before or after the comments stream?

404

Settings for the 404 error page

  • 404 Error message: the error message to be displayed on the 404 error page
  • Search message: what should we say to the visitors, what happened?
  • Useful links title: the short text before the Useful links menu
  • Useful links menu: a standard WordPress menu can be used for displaying the Useful links. Which menu should be used here? You can set up the menus under Appearance » Menus.

Other

  • File upload button settings:
    • File upload button text: What text should we put on the Upload buttons when they are added to a Form?
    • No file selected text: displayed after the file upload button when no item is selected.
  • PageNavi Prev arrow mirroring: in some cases you have to use a character in the Pagination links that doesn’t have a counterpart pointing in the opposite direction. In this case you can turn this setting ON, and we’ll mirror the character for you.

Developer’s note

These settings are saved to the database’s options table with the option_name tpl_theme_options, as an array.
Different settings might be used by different subsystems of the Adriatica theme and the Themple Framework (on which Adriatica is built on). If you want to make sure settings are  compiled into the CSS files, make sure the LESS Compiler is not turned off in Framework Options.