Product circle label not centered on home screen

On my website the hover over button (orange) shows the price off center when hovering over products. Please let me know how to fix this.

https://www.gourmetgrassfed.com/

I want it to say "from: ____(price)" centered on the product image. thanks in advanced for the help!

Also the GK Product Gallery: Product widget keeps disappearing after awhile is there a way to make sure it doesn't disappear (does it have something to do with the "Cache" section of the widget?)

Add this code:

Code: Select all

.gk-product-gallery .gk-image .gk-img-overlay .from{
display: block;
    position: relative;
    text-align: center;
    top: 45px;
}


Where do I put the code? In the widget or in the theme? and if so where? Thanks

Put it into bottom a css file of the theme, like template.css