Link text going out of table cell

Topic summary

Request for CSS help on a Shopify page to adjust a table’s layout and styling. The author wants two changes: (1) link text in the right column should wrap and remain within each table cell, preventing any overflow outside the cell; (2) the table and its cells should have a thicker border in a yellow color for clearer emphasis.

Context: A specific page URL is provided, and a screenshot is included showing link text overflowing the cell.

Technical focus: Achieving proper text wrapping inside table cells and applying consistent border thickness and color via CSS within a Shopify theme.

Status: No solutions or code suggestions are provided yet; the request is open and awaiting guidance or examples to implement the desired CSS changes.

Summarized with AI on December 18. AI used: gpt-5.

Hi, For this page: Past Press Coverage – SWEAT FREE TELECOM

I want to do two things:

  1. I want the links in the right column to stay within the table cell and not go outside it. So the link text should wrap and stay within the cell.

  2. I want the table and cells to have a thicker yellow colour.

Please add this code to Custom CSS of that section to solve the issue.

a { word-wrap: break-word; }

1 Like

@SweatFree please add this css to the very end of your base.css file and check

shopify admin->online store->themes->edit theme code->assets->base.css

table a{word-wrap: break-word;}
1 Like