<div class="shared-site-content">
<div class="promobox">
<a title="Register interest" href="#">
<img alt="Make an enquiry" src="../../images/AdoptionTextPageWhoCanAdopt.jpg">
<h3 class="custom-rteElement-NoTopMargin">Register interest</h3>
</a>
</div>
</div>
<div class="shared-site-content">
<div class="promobox">
<a title="Register interest" href="#">
<img alt="Make an enquiry" src="{{ path '/images/AdoptionTextPageWhoCanAdopt.jpg' }}">
<h3 class="custom-rteElement-NoTopMargin">Register interest</h3>
</a>
</div>
</div>
/* No context defined for this component. */
.promobox {
text-align: center;
-moz-box-shadow: 0 10px 15px $whitesmoke;
-webkit-box-shadow: 0 10px 15px $whitesmoke;
box-shadow: 0 10px 15px $whitesmoke;
margin-bottom: 15px;
}
.promobox img {
display: block;
padding: 0 0 15px;
}
.promobox h3 {
margin-top: 0;
padding: 0 5px 15px;
color: $white;
}
.promobox a,
.promobox a:active,
.promobox a:focus {
background-color: $brand-primary;
display: block;
text-decoration: none;
}
.promobox a:hover {
background-color: #8c1391;
text-decoration: none;
}
.promobox p,
.promobox div {
padding: 0 5px 15px;
color: $white;
}
Width maintained by the page parent container, usually col-md-3 ncc-rightcolumn
.