promo section styling

datacenterlight/templates/datacenterlight/cms/includes/_section_split_content.html

@@ -1,5 +1,6 @@
 {% load cms_tags %}
 
+
 {% if instance.heading %}
   <div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
     <h2>{{ instance.heading }}</h2>
@@ -13,7 +14,7 @@
   </div>
 {% endif %}
 {% if children_to_left|length %}
-  <div class="split-subsection lead">
+  <div class="split-subsection">
     {% for plugin in children_to_left %}
       {% render_plugin plugin %}
     {% endfor %}

datacenterlight/templates/datacenterlight/cms/section_promo.html

@@ -1,11 +1,13 @@
-<section class="promo-section">
-  {% if instance.heading %}
-    <h1>{{instance.heading}}</h1>
-  {% endif %}
-  {% if instance.subheading %}
-    <h1>{{instance.subheading}}</h1>
-  {% endif %}
-  {% if instance.content %}
-    <h1>{{instance.content}}</h1>
-  {% endif %}
+<section class="promo-section {{instance.get_extra_classes}}" {% if instance.background_image %}style="background-image:url({{ instance.background_image.url }})"{% endif %}>
+  <div class="container">
+    {% if instance.heading %}
+      <h3>{{instance.heading}}</h3>
+    {% endif %}
+    {% if instance.subheading %}
+      <h4>{{instance.subheading}}</h4>
+    {% endif %}
+    {% if instance.content %}
+      <p>{{instance.content}}</p>
+    {% endif %}
+  </div>
 </section>