diff --git a/Koha/Plugin/Carrousel/configure_fr-CA.tt b/Koha/Plugin/Carrousel/configure_fr-CA.tt
index 47181d4..10f3d6b 100644
--- a/Koha/Plugin/Carrousel/configure_fr-CA.tt
+++ b/Koha/Plugin/Carrousel/configure_fr-CA.tt
@@ -36,7 +36,7 @@
                         <tr>
                             <th>Module</th>
                             <th>Nom</th>
-                            <th>Titre</th>
+                            <th>Titre personnalisé</th>
                             <th>Type</th>
                             [% IF !Koha.Preference('IndependentBranches') %]
                             <th>Bibliothèque</th>
@@ -383,10 +383,10 @@ $(function() {
     $("select[multiple='multiple']").multipleSelect(
         {
             placeholder: _("Merci de sélectionner ..."),
-            selectAllText: _("Tout sélectionner"),
-            allSelected: _("Tous"),
-            countSelected: _("# de % selectionné(e)s"),
-            noMatchesFound: _("Aucune correspondances trouvées")
+            formatSelectAll: () => _("[Tout sélectionner]"),
+            formatAllSelected: () =>  _("Tous"),
+            formatCountSelected: (count,total) => count + _("de") + total + _("selectionné(e)s"),
+            formatNoMatchesFound: () => _("Aucune correspondances trouvées")
         }
     );
 
@@ -510,10 +510,23 @@ function addLine (module, id, name) {
       +              name
       + "        </a>"
       + "    </td>"
-      + "    <td><input type=\"text\" name=\"title-" + module + "-" + id + "\" value=\"\" /></td>"
+      + "    <td class=\"title-inputs\">"
+      + "        <label class=\"title-input\">"
+      + "            <span>English</span>"
+      + "            <input type=\"text\" name=\"title-en-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "        <label class=\"title-input\">"
+      + "            <span>French</span>"
+      + "            <input type=\"text\" name=\"title-fr-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "        <label class=\"title-input\">"
+      + "            <span>French (Canada)</span>"
+      + "            <input type=\"text\" name=\"title-fr-CA-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "    </td>"
       + "    <td class=\"radio-group\">"
       + "        <div>"
-      + "            <label for=\"carrousel\">Carousel</label>"
+      + "            <label for=\"carrousel\">Carrousel</label>"
       + "            <input id=\"carrousel\" type=\"radio\" name=\"type-" + module + "-" + id + "\" value=\"carrousel\" checked=\"checked\" />"
       + "        <div>"
       + "        </div>"
diff --git a/Koha/Plugin/Carrousel/configure_fr.tt b/Koha/Plugin/Carrousel/configure_fr.tt
index 7c7a34f..b911911 100644
--- a/Koha/Plugin/Carrousel/configure_fr.tt
+++ b/Koha/Plugin/Carrousel/configure_fr.tt
@@ -36,7 +36,7 @@
                         <tr>
                             <th>Module</th>
                             <th>Nom</th>
-                            <th>Titre</th>
+                            <th>Titre personnalisé</th>
                             <th>Type</th>
                             [% IF !Koha.Preference('IndependentBranches') %]
                             <th>Bibliothèque</th>
@@ -383,10 +383,10 @@ $(function() {
     $("select[multiple='multiple']").multipleSelect(
         {
             placeholder: _("Merci de sélectionner ..."),
-            selectAllText: _("Tout sélectionner"),
-            allSelected: _("Tous"),
-            countSelected: _("# de % selectionné(e)s"),
-            noMatchesFound: _("Aucune correspondances trouvées")
+            formatSelectAll: () => _("[Tout sélectionner]"),
+            formatAllSelected: () =>  _("Tous"),
+            formatCountSelected: (count,total) => count + _("de") + total + _("selectionné(e)s"),
+            formatNoMatchesFound: () => _("Aucune correspondances trouvées")
         }
     );
 
@@ -510,7 +510,20 @@ function addLine (module, id, name) {
       +              name
       + "        </a>"
       + "    </td>"
-      + "    <td><input type=\"text\" name=\"title-" + module + "-" + id + "\" value=\"\" /></td>"
+      + "    <td class=\"title-inputs\">"
+      + "        <label class=\"title-input\">"
+      + "            <span>English</span>"
+      + "            <input type=\"text\" name=\"title-en-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "        <label class=\"title-input\">"
+      + "            <span>French</span>"
+      + "            <input type=\"text\" name=\"title-fr-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "        <label class=\"title-input\">"
+      + "            <span>French (Canada)</span>"
+      + "            <input type=\"text\" name=\"title-fr-CA-" + module + "-" + id + "\" value=\"\" />" 
+      + "        </label>"
+      + "    </td>"
       + "    <td class=\"radio-group\">"
       + "        <div>"
       + "            <label for=\"carrousel\">Carousel</label>"
diff --git a/Koha/Plugin/Carrousel/opac-carrousel.tt b/Koha/Plugin/Carrousel/opac-carrousel.tt
index 8122dc1..343d84d 100644
--- a/Koha/Plugin/Carrousel/opac-carrousel.tt
+++ b/Koha/Plugin/Carrousel/opac-carrousel.tt
@@ -368,6 +368,13 @@ a:focus>img{
     max-width: 300px;
     max-height: 160px;
 }
+
+.controls button[type="button"] {
+    width: auto;
+    height: auto;
+    margin: 0;
+    padding: 0.2em 0.5em;
+}
 </style>
 
 <!-- This is the cloud carousel javascript(cloud-carousel.1.0.0.js) -->