Getting Started with Custom

Sites created in the WebPublish 3.0 Custom Service have access to a few additional features that extend the functionality from the Basic tool. The purpose of these features is it allow the flexibility to customize your site's design to fit your needs.

Is a custom site right for me?

Deciding whether a custom site is the right solution to meet your needs is an important decision. Maintaining a site in this service level requires skills that go beyond what a Basic service user would need to know. The following job description is intended to identify these skills and help you evaluate whether you have the resources necessary to maintain a Custom site. If you are considering hiring a resource to help support your site, these would be important considerations. 

Required Skills

  • Proficiency in Cascading Style Sheets (CSS). Specifically, understands: 
    • the difference between a tag, ID and class rule declarations
    • how styles "cascade" downward
    • what pseudo classes are and how to target rules on to them
    • what the rule !important does and when to use it
    • what the browser defined styles are and why reset files are needed
    • the various ways of positioning and when to use them
    • the box model, when to use position, margin, border, padding, height, width
    • all style rules and when they apply to specific tags
    • sibling selectors, like > and +
    • how to solve style issues caused by browser compatibility
    • how to use media queries to build responsive sites and elements
    • how to use :before & :after to make style-driven elements in the DOM
    • what CSS preprocessors are and how to use at least one
  • Advanced knowledge of HTML

Recommended Skills

  • Working knowledge of Bootstrap

Custom Features

Review these step-by-step tutorials on how to customize the design of your site using the features of the Custom service. 

  1. Navigate to Appearance and select the WebPublish 3 Custom (default theme) settings
  2. Select the "Custom Styles" tab
  3. Add your custom CSS to the Custom CSS field
  4. Click "Save configuration"
  5. Your custom CSS will be applied to the site. 

Additional Resources

See LinkedIn Learning (log in with your Queen's Net ID) for courses on analytics, such as:

 CSS: Selectors
Host: Jen Kramer
1h 26m – Intermediate

 CSS: Variables and Fluid Layouts
Host: Jen Kramer
2h 2m – Advanced

 Bootstrap 4 Layouts: Responsive Single-Page Design
Host: Ray Villalobos
3h 13m – Intermediate

 CSS: Animation
Host: Val Head
1h 59m – Intermediate