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.
Hi, For this page: Past Press Coverage – SWEAT FREE TELECOM
I want to do two things:
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.
I want the table and cells to have a thicker yellow colour.
@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;}