graciewo

Hello! 
I wanted to follow this thread because I'm experiencing a similar issue. My Heading 1 font scales down when the window is scaled up. I checked my coding to see if there was anything causing this but I think it's a 7.1 issue. Hoping there can be a ccs solution to this!
Thanks to anyone who can help. 

You are right! I feel so silly. Thank you for all your help!

Hi @paul2009
This worked perfectly! Thank you, thank you! 🙂
Grace

Add this CSS
/* center quick view */ .products.collection-content-wrapper .grid-item .sqs-product-quick-view-button-wrapper { padding-bottom: unset !important; } span.sqs-product-quick-view-button:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } span.sqs-product-quick-view-button { position: static !important; transform: unset !important; }  

Hi Gracie,
I'm not a coder either but I can tell you that the code needs to be moved to SETTINGS, advanced, injected code. That will resolve the issue with the line 1 error and hopefully resolve the caption/lighbox issue as well.
This is the site I used the code on https://www.jonathangaber.com/work/bricks in version 7.1. If you are on 7.0, I'm not sure it would work
I think our code is the same but just to make sure I'm repasting it here:
I hope this resolves it. Please let me know.
Sharon
-----
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
    $('.gallery-lightbox-list .gallery-lightbox-item').each(function(){
        var text = $(this).find('img').attr("alt");
        console.log(text);
        $(this).append('<div class="lightbox-caption">' + text + '</div>');
    })
})
</script>
<style>
.lightbox-caption {
    color: black;
    font-weight: bold;
    margin: 15px 0;
    text-align: center;
    display: none;
    position: absolute;
    bottom: -65px;
    z-index: 9999;
}
.gallery-lightbox-wrapper:hover {
    cursor: pointer;
}
.gallery-lightbox-item[data-in='false'] .lightbox-caption {
    display: none!important;
}
.gallery-lightbox-item[data-active='true']:hover .lightbox-caption{
    display: inline-block;
}
.gallery-lightbox-wrapper:hover .gallery-lightbox-item[data-active='true'] .lightbox-caption{
    display: inline-block;
}
  .gallery-lightbox .lightbox-caption {
    display: block !important;
}
</style>