Another problem showed up:
<div class="package text-center sc-content"> <h3>BASIC PACKAGE</h3> <ul> <li><span>SIX</span> HOURS OF COVERAGE</li> <li>ONE PHOTOGRAPHER</li> <li><span>ONE</span> VIDEOGRAPHER</li> <li><i class="fa fa-times"></i></li> <li><i class="fa fa-times"></i></li> <li><i class="fa fa-times"></i></li> <li>CEREMONY COVERAGE</li> <li>RECEPTION COVERAGE</li> <li><span>STANDARD</span> EDIT</li> <li>HIGHLIGHT TRAILER</li> <li>FULL LENGTH FILM</li> <li><span>ONLINE DELIVERY</span> OF EDITED PHOTOS</li> <li>HIGHLIGHT PHOTO GALLERY</li> <li>COPYRIGHT ENTITLEMENTS</li> <li>ADD-ON: 12x12 ALBUM: $500</li> </ul> <a><h2><span>$</span>850</h2></a> </div>
I am using this code to make a price package editable. It actually works, however for some reason the last <a>
element is not editable. When I give it the sc-content class it can be edited but it is messed up because the $ sign in the span gets merged with the price outside the span (they need to be separate for styling) .
Any way to solve htis?