Hi Shopify Support,
We’re looking to remove the underline from hyperlinks in our blog posts. Could you please guide us on how to adjust the CSS for this?
Thank you for your help!
Topic summary
Goal: remove underline from hyperlinks in Shopify blog posts via CSS.
-
Approach 1: In Online Store > Theme > Edit code, open theme.liquid and insert custom CSS before the closing . The exact CSS snippet was not shown. A result image was provided.
-
Approach 2: In base.css, add a rule targeting h5.t4s-widget-title::after with border-bottom: 0px !important. A result image was provided. This targets a theme-specific widget title element rather than general blog post links.
-
Status: No confirmation from the requester. It is unclear if either method successfully removes underlines from blog post hyperlinks specifically, and the key CSS for links is missing in the first reply.
-
Notes: Theme appears to be third-party (tag indicates this), so selectors may be theme-specific. Images and code edits are central to the suggestions. The discussion remains open without a confirmed solution.
1 Like
Hi @NanoSG ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hello @NanoSG
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file.
h5.t4s-widget-title::after {
border-bottom: 0px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks