Heading attached property is used instead of Hx

1 files changed, 6 insertions, 4 deletions

diff --git a/Shop/cart/Table/CourseItem.ui.qml b/Shop/cart/Table/CourseItem.ui.qml
index ded50d2..62ae107 100644
--- a/Shop/cart/Table/CourseItem.ui.qml
+++ b/Shop/cart/Table/CourseItem.ui.qml
@@ -2,9 +2,9 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtGraphicalEffects 1.15
+import Bootstrap 5.3
 import Eduport 1.4
 import "../../../TextField"
-import "../../../Label"
 import "../../../Button"
 
 GridLayout {
@@ -38,13 +38,15 @@ GridLayout {
         }
     }
 
-    H6 {
+    Label {
         id: courseItemTitle
         text: "Course Item Title"
-        Layout.maximumHeight: courseItemImage.height
+	wrapMode: Label.Wrap
+	Bootstrap.heading: 6
+    Layout.maximumHeight: courseItemImage.height
         Layout.alignment: parent.width < 990 ? Qt.AlignTop | Qt.AlignHCenter : Qt.AlignLeft
                                                | Qt.AlignVCenter
         Layout.fillWidth: true
         Layout.fillHeight: parent.width < 990 ? true : false
     }
-}
\ No newline at end of file
+}