I’d like a thin black border around the text “NEW RELEASES”.
https://emberlighter.store/collections/new-releases (DAWN THEME)
Topic summary
A user seeks to add a thin black border around text in their Dawn theme banner section. Two solutions are provided:
Solution 1 (Liquid_xPert_SJ):
- Navigate to Online Store > Edit Code > Theme files > base.css
- Add CSS targeting the specific banner heading element
- Uses
-webkit-text-stroke: 1px #000;property - Place code at end of file and save
Solution 2 (Dan-From-Ryviu):
- Add CSS directly to the Custom CSS field of the banner section
- Uses
border: 4px solid #000;on.banner__headingclass - Includes screenshots demonstrating the implementation
Both approaches use CSS to create the border effect, with the first method using text-stroke for a thinner outline and the second using a standard border property. The user can choose based on their preferred visual result and implementation method.
Please refer to the below instructions.
#Banner-template--16549734023344__image_banner_yRUkzn h2.banner__heading.inline-richtext.h0 {
-webkit-text-stroke: 1px #000;
}
Online Store > Edit Code > Theme files > find base.css file and place the code at the end of the file and hit save.
Thanks
Please add this code to Custom CSS of that section.
.banner__heading {
border: 4px solid #000;
}
