Add Sold dot over Image

To add a Sold dot over the Image, you can follow these steps:

#1. First, you add a Gallery Section

#2. Enable Gallery Captions

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

#4. Add this code to the Page Header Code Injection (the page where you want to add the Sold dot)

<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