Add title to template

dnadesign · Feb 15, 2019 · 8a47123 · 8a47123
1 parent 886a2d6
commit 8a47123
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/client/css/element-carousel.css b/client/css/element-carousel.css
@@ -1,3 +1,15 @@
+.element-carousel__header {
+  text-align: center;
+  padding-top: 4rem;
+  padding-bottom: 2rem;
+}
+
+.element-carousel__title {
+  font-size: 2.25rem;
+  line-height: 1.25;
+  margin: 0 0 2rem;
+}
+
 .element-carousel__container {
   display: -webkit-box;
   display: -ms-flexbox;

diff --git a/templates/DNADesign/Elemental/Models/ElementCarousel.ss b/templates/DNADesign/Elemental/Models/ElementCarousel.ss
@@ -1,3 +1,9 @@
+<% if $Title && $ShowTitle %>
+  <div class="element-carousel__header">
+    <h2 class="element-carousel__title">{$Title}</h2>
+  </div>
+<% end_if %>
+
 <div class="element-carousel__container" data-element-carousel>
   <div class="element-carousel__frame">
     <ul class="element-carousel__slides">