5.0 Adjustments

While previewing your site in 5.0 you may come across a few issues that worked fine in 4.1 but not in 5.0. View a list of 5.0 Common Problems and Fixes and changes from 4.1 to 5.0.

Check out our printable cheat sheets:

Additional common fixes you can apply across your site.

  • Tabs not responsive
    To make tabs responsive add the dcf-flex-wrap class in <ul class="wdn_tabs"> (ex: <ul class="wdn_tabs dcf-flex-wrap">)
  • Two page titles displaying
    Page titles that were hidden using CSS will need #pagetitle h1 replaced with .dcf-hero

    Content type page titles (Article, Basic Page, etc) can be hidden with the "Hide page title" option.

    1. Edit the page
    2. Click 'Publishing options" on the bottom left navigation
    3. Check "Hide page title"
    4. Click "Save"
  • Heading too bold
    Add class="dcf-regular" in the heading tag (ex: <h2 class="dcf-regular">)
  • Carousel not working, stacking images on top of each other
    Add the WDN.initializePlugin('carousel'); code in the Appearance>Settings JavaScript box on both the 4.1 and 5.0 tabs and remove the <script type="text/javascript"> WDN.initializePlugin('carousel'); </script> code from the content areas.
  • Calendar not working
    Use the new inline script (replace '//events.unl.edu/upcoming/' with your calendar's URL):
    <div id="events-band"></div> <script> document.addEventListener("DOMContentLoaded", function(event) {
    WDN.setPluginParam('events', 'href', '//events.unl.edu/upcoming/');
    WDN.setPluginParam('events', 'title', 'UNL');
    WDN.initializePlugin('events-band',{limit:6});
    });
    </script>
  • Insufficient color contrast
    Replace wdn-light-complement-band with unl-bg-lighter-gray using the Search and Replace Scanner