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 thedcf-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.
- Edit the page
- Click 'Publishing options" on the bottom left navigation
- Check "Hide page title"
- 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 theWDN.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
Replacewdn-light-complement-band
withunl-bg-lighter-gray
using the Search and Replace Scanner