jessicana Posted July 23, 2023 Posted July 23, 2023 I am using the smartwatch theme and I want to customize the content of the HTML blocks such as £3.99 flat rate shipping and 30 day stress-free returns etc.. When I edit those blocks, I see content such as ##TEXT_30_DAY##. Whenever I try to change this content, I lose the styles and the icons. How can I customize the text and the icons and keep the styles? Quote
jessicana Posted July 23, 2023 Author Posted July 23, 2023 (edited) I figured. The text comes from Design and CMS > Translation. But even when I use that, I am missing the icons and I am unable to select a font family or align the text. Any help is highly appreciated. Edited July 23, 2023 by jessicana Quote
jessicana Posted July 25, 2023 Author Posted July 25, 2023 Any help on this is highly appreciated Quote
CHD-UK Posted August 25, 2023 Posted August 25, 2023 (edited) Hi @jessicana, Changing the text using the "Design & CMS -> Translation" option should not affect the icons as they are part of the template - it appears that somehow you may be missing the ::before psedo-element from your template. Check using the developer tools in your web browser. If it is missing - add it back in. Make sure you have "expert mode" selected before editing the theme Edit the theme, select the home page then hover over the item and click the green pencil In the popup window, make sure the HTML text is ##TEXT_SAFE_SECURE## then click "Widget Style" TAB Then click "Pseudo classes, :before" - Make sure the class is set to "local_shipping local_shipping3" (for the padclock icon) Alternatively - Depending on how much work you have done, you could try a reinstall of the theme - make sure you have a backup incase your translations are reset! or something - I've not tried this as I've not needed to do it Edited August 25, 2023 by CHD-UK pandrei 1 Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.