Hi @flammagreg , i try it and it worked
Topic summary
Main issue: change the footer newsletter button label from “Subscribe” to an SVG arrow icon and make the email input line longer.
What was provided:
- Location to edit the “Subscribe” label via theme content (shown in screenshots). No explicit file path text, but implied via Shopify Admin > Online Store > Theme > Edit.
- CSS solution to extend the input width: add to base.css/theme.css/styles.css/theme.scss.liquid:
#newsletter-footer_form .input-group { width: 80% !important; }(with a screenshot of the result). CSS = styling rules for the site.
Problem encountered:
- Pasting the SVG code into en.default.json caused an error. SVG = Scalable Vector Graphics (icon markup). The helper advised changing the text instead of pasting code.
Update:
- The helper later tested and confirmed the arrow SVG replacement worked on their side (screenshot provided). Exact implementation steps or file location for inserting the SVG were not detailed in text.
Status and gaps:
- Input width extension appears resolved via CSS.
- SVG replacement is confirmed possible, but the precise method (e.g., which template/section to edit vs. using locale JSON) remains unspecified. Images are central to understanding the steps shown. Discussion appears ongoing.
1 Like