Theme Options

RedWaves offers wide variety of options. In this chapter we will explain those options.

Most of the options and settings are packed in an options panel powered by Redux Framework plugin. When you have this plugin installed and activated, a new menu entry “Theme Options” will appear under “RedWaves” admin sub-menu. Click it to open the options panel.

General Settings

Favicon (32×32) – Use this option to set a favicon for your website. A favicon is simply a tiny square image that will appear (on most browser) on the navigation tab right before your page title. We recommend a 32×32 PNG image.

Apple Touch Icon (180×180) – Use this option to set an icon for your website that will be used mainly by Apple mobile devices. We recommend a 180×180 PNG square image.

Android Icon (192×192) – This icon will be used by Android powered devices. Old versions of Android will use the Apple Touch Icon. But recent versions are now asking for an exclusive icon. 192×192 PNG image is recommended.

Scroll To Top Button – When this option is enabled, a floating button will appear in the buttom-right corner of the screen when a specific scrolling threshold is reached.

Date/Time Format – When the “Site Default” is selected, RedWaves will fallback to the value of the “Date Format” option under Settings > General. But when this option is set to “Time Ago”, dates and timestamps will be converted to a Youtube-alike format.

Lightbox – When enabled, images that link to an image file will no longer redirect to another page. Instead, the attached image will be opened in a floating panel known as Lightbox or Fancybox. Very useful feature especially for image galleries.

Header

Logo Image – Use this option to set a logo image for your website. We recommend a rectangular image with a height equals to 90 pixels. If not set, your website title will be displayed instead.

Retina Logo – Use this option to set a 2 times or 3 times bigger logo that will be displayed on mobile device and tablets. This option was introduced because mobile devices’ screens these days tend to have much more pixels than desktop devices and laptops.

Site Tagline – If enabled, your site tagline/description will appear below your logo or site title. Please note that the tagline will not be visible for all header layouts (even if this option is enabled).

Sticky Header – When enabled, the header or the main navigation menu (depending on the selected header layout) will be fixed at the top of the page when scrolling.

Sticky on Scroll Up – When active, the site header or main navigation menu will be visible only when scrolling Up. This option depends on the previous option.

HTML Before Header – If you want to add a HTML code at the very top of the page (something like a sitewide notice), add it here. Don’t forget that you can add shortcodes too.

Topbar

The Topbar is a slim horizontal bar that appears right before the website header. This bar can contain many useful information.

Topbar – Use this option to completely show or hide the Topbar.

Box Layout – When “Boxed” is selected, the topbar container width will not ex

ceed 1200 pixels. When “Wide” is selected, the width will be limited to 1400 pixels. When “Full Width” is selected, the width will be as wide as the browser width.

Color Scheme – If “Dark” is selected, the Topbar text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Background Color – Use this option to choose a solid background color for the Topbar. Remember that you can control the transparency too.

Left Items – Choose which items you want to display in the left area of the Topbar. Remember to assign a menu to the “Topbar Menu” menu location (see Appearance > Menus) if you want to display a menu. Also, you need to choose which social media icons you want to display from the “Enabled Social Buttons” option below if you have “Social Buttons” active. One more thing, you can hold and move the anchor icon to change the order in which these items will be displayed. Cool, right!

Right Items – Please refer to the previous option for more details. They share the same items. The only difference is that selected items here, will be displayed in the right area of the Topbar. Also note that these items will be hidden on mobile phones.

Enabled Social Buttons – From here, you can pick which social icons you want to display. You can hold and move the anchor icon to change the order of the buttons. To set the social links, go to RedWaves > Theme Options > Social Profiles.

Custom Text – Use this option to display a custom text. You can add shortcodes too. Also, this option supports some HTML tags (read the option description for more details).

How many times you forget to update the year in the footer of your website every time a new year begins?! Well, you are not alone, it happens to us all! That’s why we find it very convenient to introduce a special tag that will always get replaced by current year. So instead of writing the current year, you can simply write %Year% and this special tag will be replaced by 2018 or whatever the current year happens to be. If you want display just the first two digits, use %year% instead. Read the option description for a list of available tags. These special tags will be mentioned in the option description wherever supported.

Header Styling

Box Layout – When “Boxed” is selected, the header container width will not exceed 1200 pixels. When “Wide” is selected, the width will be limited to 1400 pixels.

Header Layout – RedWaves supports multiple header layouts. Use this option to select which layout you want to choose.

Color Scheme – If “Dark” is selected, the header text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Background – Use this option to style the header background. You can set a solid color, a background image or both.

Background applies to – If “Outer Box” is selected, the background settings explained in the previous paragraph will be applied to the whole header. If the “Inner Box” is selected, the it will be applied to the inner container inside the header.

Navigation Menus

Menu Color Scheme – If “Dark” is selected, the primary menu (top level menu items only) text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Menu Background Color – Use this option to set the background color of the main navigation menu. Just like the previous options, this will apply to the top-level menu items only.

Background applies to – If “Outer Box” is selected, the background settings explained in the previous paragraph will be applied to the main navigation menu. If the “Inner Box” is selected, the it will be applied to the inner container only.

Sub-Menus Color Scheme – If “Dark” is selected, the main menu’s sub-menus (dropdown menus) text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Sub-Menus Background Color – Use this option to set the background color of sub-menus.

Mobile Menu Side – If you choose “Left”, the mobile menu (off-canvas menu) will slide from the left. If you choose “Right”, it will slide from the right.

Mobile Menu Color Scheme – If “Dark” is selected, the mobile menu text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Mobile Menu Background Color – Use this option to set the background color of the mobile menu.

Footer

Footer – Use this option to fully show or hide the site footer.

Color Scheme – If “Dark” is selected, footer text color will be white. If “Light” is selected, the color will be set to black or dark grey.

Background – Use this option to style the footer background. You can set a solid color, a background image or both.

Layout – RedWaves comes with a set of predefined footer layouts. Use this option to select your preferred layout. If you select the first image, the footer widgetized area will be completely hidden.

Copyright Text1 – This is the first footer copyright zone. It will either appear on the left or the top side depending on the value of “Copyright Text Layout” option. Read the option description for a list of supported HTML tags and theme tags. Remember that you can add shortcodes too.

Copyright Text2 – This is the second footer copyright zone. It will either appear on the right or the bottom side depending on the value of “Copyright Text Layout” option. Read the option description for a list of supported HTML tags and theme tags. Remember that you can add shortcodes too.

Copyright Text Layout – Use this option to choose the footer copyright zone layout.

HTML Before Footer – If you want to add a HTML code right before the site footer (something like a sitewide notice or an ad), add it here. You can add shortcodes too.

Archives

This section contains archives options. An Archive is a Category, Tag, Author, Date, Custom Post Type or Custom Taxonomy based pages.

Post Layout – Select your preferred posts listing layout. Either normal grid or masonry grid.

Columns Number – How many posts (columns) to display per row.

Post Style – Use this option to select the post box style.

Post Items – Select which post meta info to display. You can hold and drag the anchor icon to rearrange them.

Excerpt Length – Post short description length in words. Set to 0 to completely hide it.

Readmore Text – The link to individual post text.

Pagination – Pagination type. Select “Simple” for simple older entries and recent entries buttons. Select “Numbered” for numbered pagination buttons. Select “Loadmore” for loading posts via Ajax and “Infinite” for infinite scroll.

Single Posts

Breadcrumbs – Use this option to show or hide the post breadcrumbs.

Breadcrumbs’ Separator – Read option description for a list of supported HTMl tags. Remember to keep it simple. Even a simple arrow (») character will do just fine.

Post Items – Select which post meta info to display. You can hold and drag the anchor icon to rearrange them.

Sharing Buttons – Use this option to completely show or hide the post sharing buttons. Check “Sharing Buttons” sub-section for more options.

Additional Items – Select the additional single post sections to display below post content. Hold and drag the anchor icon to rearrange.

Author’s Section Title – Author Box section title.

Comments’ Section Title – Comment form section title.

Highlight Author Comments – Turn this option On to highlight post author comments (usually by placing a tiny icon next to author name).

Sharing Buttons

Buttons Locations – Use this option to choose where to show the post sharing buttons.

Enabled Buttons – Use this option to select which sharing buttons you want to display. You can hold and move the anchor icon to change the order of the buttons.

Buttons Size – Sharing buttons size.

Buttons Design – Sharing buttons design.

Buttons Style – Sharing buttons style.

Buttons Shape – Sharing buttons shape.

Buttons Color Scheme – Sharing buttons color scheme.

Alignement – Sharing buttons alignment.

Additional Options – Additional sharing buttons options.

Related Posts

Section Title – Related posts section title.

Columns Number – How many related post to show per row.

Posts Number – In total, how many related posts to display.

Navigation/Pagination – If enabled, additional related posts will be loaded via Ajax.

Query Type – This option will define the filter that will be used to query the related posts.

Styling

Box Layout – This options applies to the main content container and site footer. Select “Boxed” for narrow container or “Wide” for a bit wider container.

Theme Color – Use this option to set the theme’s primary color.

Dark Mode – If enabled, theme text will be transformed to white and the background to black. Remember to set the “Color Scheme” option to “Dark” for the header and the footer if you want to enable this option.

Box Border – Use this option to set a border or shadow effect to theme sections and widgets.

Section Title Style – Use this option to select the section title style (this will apply to sidebar widgets too).

Background – Use this option to style your website background. You can set a solid color, a background image or both.

Social Profiles

Use this section to define your social media links. Values defined here will be used in different area of your website and by some widgets too.

Open in New Tab? – If enabled, social media buttons will open in a new browser tab when clicked.

Add NoFollow Tag? – Not very useful option but it is here just in case you need it. If enabled, all social buttons will have a “rel” attribute set to “nofollow”. This will explicitly tell search engines to ignore those links.

Sidebars

Sticky Primary Sidebar – If enable, the primary sidebar will remain visible (or at least part of it) when scrolling up and down.

Sticky Secondary Sidebar – Same as the previous option. But this option will apply to the secondary sidebar instead.

Custom Sidebars – RedWaves by default, comes with a few predefined sidebars. But if you need more sidebars, you can use this option to register more sidebars. New sidebars will appear on Appearance > Widgets page just like the other sidebars.

Primary Sidebar (Global) – Use this option to select the default primary sidebar for all pages and archives.

Secondary Sidebar (Global) – Use this option to select the default secondary sidebar for all pages and archives.

Sidebar Layout (Global) – RedWaves supports multiple sidebar layouts. Use this option to select one. The red sidebar is the “Primary Sidebar” and the blue one is the “Secondary Sidebar”.

The above options are just the global options. You can override them on specific archives and pages using the other options. If you can even change the sidebar settings on individual pages and posts.

Typography

This section is a bit tricky so be cautious here; Setting many different Google fonts and styles can massively increase your website loading time. We recommend using 1 or 2 Google fonts at most. Also, only change the “Font Family” option and leave the other empty (unless you are totally aware of the risks!).

General Typography – General website typography including body text and headings.

Site Title – Website title typography settings.

Site Description – Website tagline typography settings.

Headings – Headings (H1, H2, H3, H4, H5 and H6) typography settings.

Navigation Menus – Primary and mobile menus typography settings.

Post Title – Post/page title typography settings (on both archives and individual posts/pages).

Post Meta – Post meta info typography settings.

Section Title/Widget Title – Section title and sidebar widget title typography settings.

Ad Management

Header Ad – Add your header ad code here.

Header Mobile Ad – If you want to serve a different header ad for mobile users, add its code here.

Hide on these pages or posts (comma separated IDs) – If you want to hide the header ad on specific posts or pages, add their respective IDs here (separated by comma).

The rest of the options in this section are very similar. No further explanation is needed.

Advanced

Performance Mode – This option is enabled by default, but you can disable it if you have any JS errors. When this option is enabled, the theme will simply load a compressed CSS file and JS file that contains all the required CSS and JS files combined. This will reduce your website HTTP requests and thus increase the loading speed. When combined with a good CDN service, you are likely to get some impressive results.

Custom CSS – Sometimes you might need to add your own CSS code. Such code should be added here instead of adding it directly to the “style.css” file.

Header JavaScript – If you have a JavaScript code that you want to embed in the header of your website like a Popup ad code, add it here. Remember; only add JavaScript code here.

Footer JavaScript – If you have a JavaScript code that you want to embed in the header of your website like Google Analytics or Tag Manager code, add it here. Remember; only add JavaScript code here.

Import/Export Options

This is one of the most useful features of Redux Framework; If you want to use the same theme options on multiple website, you just need to setup them once on one website and then import them to the rest of your websites.