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.

Additional common fixes you can apply across your site.

  • Tabs not repsonsive
    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 (Aricle, 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"
  • Fonts
    Replace Tungsten fonts in CSS with "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif
  • 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.

Was this article helpful?