Question Replace Drop Shadow With Border?

hi, i was able to remove the drop shadow from around the pictures by removing the 'shadow' attributes in the style properties, but now now i'm trying to add a white border around each picture instead of a shadow. i drew a white square around the picture in the middle to demonstrate what i mean:



i'm guessing this can be done easily with a 'border' css attribute, but im not finding the correct place to put it.

 

hmm, yes, but there are a lot of sub categories there

i tried plugging it into a few, but nothing showed up. can you tell me specifically which of these i need to put the css into?

• Settings
• Grid Item
• Grid Item - Hover
• Grid Item - Shadow
• Grid Item - Shadow - Hover
• Grid Item - Image Block
• Grid Item - Title
• Grid Item - Title Hover
• Grid Item - Date
• Grid Item - Description
• Grid Item - Author Info
• Grid Item - Author Info Hover
• Grid Item - Photo Date
• Grid Item - Photo Date Background
• Grid Item - Photo Date - Text
• Grid Item - Action Links
• Grid Item - Action Item
• Grid Item - Actions Item Text
• Grid Item - Actions Item Text - Hover
• Grid Item - Action Icon

 

ok, after fiddling around with it for a while, i figured out that the !important css attribute is needed to override whatever else is going on. so now in the extra css box of the grid items area i have added:

Code:

border: dotted #525151 1px !important;

and now my grid looks perfect:



it's subtle, but definitely helps define it against the background for dark themes