How to change border color around gallery text

Hi. I have been trying to figure out how to manually change the color of the border around the text on all the gallery images located on my homepage. Is there a way to do this by editing the code? I am using the theme “District”. Here is the link to my store: https://www.swiftychargers.com/

Thank you in advance.

Hello,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
div.gallery .box figure figcaption h4 {
    border: solid 2px #ff0000 !important;
}

Note: Change code code ( #ff0000 ) a/to your need.

Thanks

Much appreciated