Learn More About Our Efforts
At [Your Company Name], we believe in giving back to the community. We are actively involved in [Community initiatives, charitable activities, or partnerships].
Committed to Making an Impact
.img-border {
outline-offset: 2px; /* creates padding around image */
outline: 1px solid #111; /* size and color of border */
}
outline-offset: 2px; /* creates padding around image */
outline: 1px solid #111; /* size and color of border */
}
Here is a CSS style if you would like to create padding around your image:
.img-border {
border: 1px solid #111; /* size and color of border */
}
border: 1px solid #111; /* size and color of border */
}
- Select the Page Title in the left sidebar and page settings will show up in the right sidebar.
- From the right sidebar, select ADVANCED SETTINGS and click into the Custom CSS box.
- The Update Custom CSS Code Editor will pop up and the CSS provided is set to target your new Image Border class. Feel free to adjust the width of your border as well as your hex color value.
- To add it to all of the pages you would like to use the new Image Border feature, repeat steps for all images from Step One and add this code to all pages you would like it to show:
Step Two: Edit Border Styling CSS
- Select Image and go to ADVANCED in the right sidebar
- Add new CSS Classes: "img-border" and then Confirm
* You will not see any changes in editor, you need to Preview
Step One: Set Your CSS Class
