The AccessAlly Theme

In the boxes provided add your Site Title and Custom Footer wording.

Choose your fonts.

There are two options for colors. You can use AccessAlly colors (matches the colors you set under AccessAlly > Settings > Styling or choose your own.

You can change the width of your pages, choose if you’d like to display titles, and center titles.

There are two default menus in the AccessAlly theme. The primary menu (center top) and the account menu (by the profile photo.) We’ll cover menus in more detail in step 3.

After you set your menu areas, you can scroll to the bottom, and collapse your submenu pages. This can be helpful if you have a large number of pages in a menu.

Select menu display options.

Mark the option to collapse child sidebar pages.

The result with child sidebar pages collapsed (click “+” to reveal submenu items.)

The result without collapsing child sidebar pages (all menu items are shown.)

The Homepage Settings are set to the recommended settings to use with AccessAlly shown in the photo below.

If you’d like to make custom changes to the AccessAlly theme via CSS you can make your changes here.

This menu is at the center top location in the theme. You can add any pages that you would like to this menu. We recommend keeping this menu to a single level (no submenu pages.)

Go to Appearance > Menus and create a new menu and mark the Primary Navigation location to be used with this menu.

This menu is at the top right location in the theme. You can add any pages you would like to this menu – we recommend adding My Account/Profile, My Orders, and a Logout link to the menu. This menu should not have any submenu pages.

Go to Appearance > Menus and create a new menu and mark the Account Menu location to be used with this menu.

Go to your My Account/Profile page. Copy and paste the shortcode below and add it to this page if you would like members to add their profile image.

[accessally_profile_image readonly="no" label_text="Upload a new file" button_text="Browse" height="175px" width="175px" ]

Visit the Dashboard page of your site and click the caret icon by the profile photo. This will open up your newly created Account menu.

This menu location allows you to create a sidebar design that displays the same sidebar content on multiple pages of your site.

Here’s an example of the Static Sidebar Menu being used to display Group Settings for a site using CommunityAlly. This allows members to easily see these options.

If you go to Appearance Menus you’ll be able to create a static sidebar menu using the image below.

1. Create a new menu
2. Choose your menu items (example CommunityAlly Profile)
3. Select desired pages
4. Click the Add to Menu button
5. Check the Static sidebar menu button
6. Save Menu

This is the template style that is automatically used on your site. This design shows key pages of your site without a sidebar while showing pages in your AccessAlly Offerings along with progress if you’re using AccessAlly Pro.

Example of a key page using the default template.

Example of an offering using the default template. This sidebar is automatically created with the icon and pages in your offering.

When you assign this template to pages on your site only the page content will display and there is no sidebar. This design template style is perfect for order forms, opt-in pages, and sales pages.

This template style will display the same items on all pages this template is assigned to. It is very different from the default template which creates a different sidebar for each offering.

Static Sidebar Template with a WordPress Menu

Here’s an example of the static sidebar template used with a WordPress menu.

For this style menu to appear you must have the WordPress menu settings checked for Static Sidebar Menu under Appearance > Menus.

Static Sidebar Template with WordPress Widgets

Here’s an example of the static sidebar template used with WordPress widgets.

For this style menu to appear you must have the WordPress menu settings unchecked for Static Sidebar Menu under Appearance > Menus.

You will then be able to use WordPress widgets to create a custom sidebar.

You can add CSS by clicking Customize > Additional CSS

The image below shows an example of using CSS to change the active menu page color in the sidebar.

Add the following CSS code to highlight the active sidebar menu page.

#sidebar a[aria-current], .sidebar-primary a[aria-current] {

Default look with grey background and white content section with background shading border.

Look when CSS is used to make the background white.

CSS code used for white background.

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
background-color: white;
}

CSS code used to remove border shadow around content.

main article {
box-shadow: none;
}

By default there is a gray background color on all pages in the AccessAlly Theme.

You can switch this to white (or any color you’d like) by adding the CSS code shown below.

main #main-content-page {
background-color: white;
}

We do not recommend using the AccessAlly Theme on your main website if you already have a theme installed like the Hello Theme, Divi, or Beaver Builder Theme. The AccessAlly Theme works best on a subdomain. See why we recommend subdomains here.

The AccessAlly Widget Control Tool is deprecated as of WP 6.2 (2023). It allows conditional display of classic widgets based on user login status. It only works with the classic widget editor on non-block themes with modifications. In case the Widget Control Tool is needed, add the following code to your WordPress Theme under Appearance > Theme File Editor > functions.php:


function accessally_base_theme_support() {
remove_theme_support( 'widgets-block-editor' );
}
add_action( 'after_setup_theme', 'accessally_base_theme_support' );