1. Home
  2. AccessAlly
  3. WordPress Theme Customization
  4. How To Design Your Course Pages Using AccessAlly’s Beaver Builder Templates

How To Design Your Course Pages Using AccessAlly’s Beaver Builder Templates

This is the seventh tutorial in our Design Your Membership Site With Beaver Builder series. In it, we’re going to look at the various templates that are available for your course pages.

Option 1: Video Templates

Video Template #1

Video Template #2

In the video, we refer to custom CSS code. You can copy/paste the code below:

AccessAlly Custom CSS:
.pal-login-table input[type='text'], input[type='password'] {margin-bottom: 10px;}
.accessally-user-directory-filter-row {
float: unset;
line-height: 50px;
.accessally-profile-image-label {
color: #ffffff!important;
font-size: 16px!important;
margin-bottom: 20px!important;
}
.accessally-profile-image {
border-radius: 90px!important;
}

ProgressAlly Custom CSS:
.objective-table {
width: 100% !important;
text-align: left !important;
}
.progressally_progress_bar_chart .progressally_progress_bar_percentage {
font-size: 20px!important;
color: #555555 !important;
}

Option 2: Tab Templates

Tab Template #1

Tab Template #2

RESOURCES

If you have a current AccessAlly license, you can download the template files for free here: Beaver Builder Templates.

Other Tools We Use In This Video:


Updated on April 2, 2019

Was this article helpful?

Related Articles

NO QUESTION GOES UNANSWERED

If you have any questions, we're just an email away at your@accessally.com.

We take your success seriously, and you'll always get a speedy reply from a real person during business hours.

AccessAlly is the #1 WordPress Course and Membership Solution for Industry Leaders

WATCH THE DEMO

You'll get follow-up emails about AccessAlly and new features. Opt out anytime. Full privacy policy here.