Improving aesthetics of volunteer carousel item.

diff --git a/2015/assets/css/custom.css b/2015/assets/css/custom.css
index 0b3da69f98dad39f2a5f2c7204966b14af1328b9..34625e2837e053e720c456ccb95808349d596613 100644 (file)
--- a/2015/assets/css/custom.css
+++ b/2015/assets/css/custom.css
@@ -422,6 +422,22 @@ h3 {
   border-radius: 8px;
 }
 
+carousel-caption-center {
+  position: absolute;
+  font-size: 1.1em;
+  top: 50%;
+  bottom: auto;
+  left: 50%;
+  right: auto;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.6);
+  border-radius: 8px;
+}
+
 @media screen and (min-width: 1280px) {
   .carousel-caption-tr {
     padding-bottom: 10px;

diff --git a/2015/index.html b/2015/index.html
index c97eafe69fb0e932080fafcf974f69dafba9d605..b65b26b3eefe73269d04b37188bfc78f016852d4 100755 (executable)
--- a/2015/index.html
+++ b/2015/index.html
@@ -14,7 +14,7 @@
 
 <li class="item active">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/volunteer_helping.jpg" alt="[ A presentation at LibrePlanet 2013]">
-                                 <p class="carousel-caption-bl">
+                                 <p class="carousel-caption-center">
                                        Volunteers keep LibrePlanet spinning <br>(and get great perks as well).<br>
                                        <a href="https://libreplanet.org/2015/volunteer">Join us today.</a>
                                        </p>