[Share] Add a Sold dot over Image

You can follow these steps to add a Sold dot/circle over Gallery Image, like this.

#1. First, you can add a Gallery Section

#2. Next, edit Gallery section > Enable Caption

#3. Next, you add a SOLD text in the Description box

#4. Use this code to Individual Page Header Injection (page where you use Gallery Image)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('figcaption p:contains("SOLD")').closest('figure').addClass('sold-dot');
});
</script>
<style>
  figure.sold-dot>div {
  position: relative;
  }
figure.sold-dot>div:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    background-color: red;
    border-radius: 50%;
}
</style>

#5. Result