How to change border color around gallery text

Technical Q&A
1

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.

Screenshot_9.png
Screenshot_9.png256×127 37.8 KB

2

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

3

Much appreciated