Shopify themes, liquid, logos, and UX
Hi guys,
I'm trying to customize the Debut theme for my shop.
Currently, when I add a link to a certain part of the text, you can't really tell it's there. I tried manually adding underline to that part of the text, however, certain elements aren't giving me the choice of adding underline (for example the text columns with images on the homepage only have options for bold and italic text, but no underline).
Is there a way for me to add this to the template, so that every time I add a link to the text anywhere on the page, that text is automatically underlined?
Here's my shop: www.bestieslabel.com
Thanks
Solved! Go to the solution
This is an accepted solution.
Sure.
This code will add the underline on all links inside your MAIN content excluding buttons. Links in the Header & Footer won't be underlined!
main a:not(.btn){text-decoration:underline!important}
code goes in the same file as before!
Hi,
Yes sure! Paste the following code at the very bottom of your your assets/theme.scss.liquid file.
a{text-decoration:underline!important}
NOTE: the following will add an underline to ALL the links on your website.
let me know if it works!
Thanks for the fast reply!
Okay, apparently I don't want underline for all links, since this also includes menu items, buttons, and the announcement banner.
Is there a way to add underline only to link in the normal text?
Thanks!
This is an accepted solution.
Sure.
This code will add the underline on all links inside your MAIN content excluding buttons. Links in the Header & Footer won't be underlined!
main a:not(.btn){text-decoration:underline!important}
code goes in the same file as before!
Worked like a charm! Thanks so much 🙂
I'm glad it worked for you! :))
<< Yes sure! Paste the following code at the very bottom of your your assets/theme.scss.liquid file. >>
This is my first attempt (scary) to mess with code. Used to do that a million years ago, but it has been a while, so a little hesitant.
I need to do this for columns as well, same theme, but I do not see this file in the assets folder. This is what I see. Is /theme.css the same file?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024