diff --git a/VIPSWeb/static/css/vipsweb.css b/VIPSWeb/static/css/vipsweb.css index 3c7288b61fcba288013777d7593631aa1bc15799..4242f9ba04e0975cf8d65e23285b08b1de74156d 100644 --- a/VIPSWeb/static/css/vipsweb.css +++ b/VIPSWeb/static/css/vipsweb.css @@ -138,6 +138,13 @@ a.dropdown-toggle{ div.messages_illustration{ } +div.messages_illustration_caption{ + padding-top: 5px; + color: #333; + line-height: 130%; + font-size: 95%; + font-weight: 300; +} /* Styles for OpenLayers forecast map */ diff --git a/vips_messages/templates/messages/detail.html b/vips_messages/templates/messages/detail.html index be95f0ee4b597d65d89fbba4d6d758800c1bb79a..e30eef71d6ae60ca8a610de52b62bda326b0c5f7 100644 --- a/vips_messages/templates/messages/detail.html +++ b/vips_messages/templates/messages/detail.html @@ -7,6 +7,7 @@ <div class="col-md-9 singleBlockContainer"> {% if message.illustration_file_name %} <div class="messages_illustration"><img src="{{message.get_illustration_url}}" class="img-responsive"/></div> + <div class="messages_illustration_caption">{{message.illustration_caption}}</div> {% endif %} <h1>{{ message.heading }}</h1> <p class="byline">{{message.date_pub | date:"Y-m-d"}} / {{message.created_by}}</p>