Currently this theme has no visible borders on the table in product pages, but I would like them to be visible. Help please?
HI @Mark3347
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.
The entire table formatting seems to be wrong. The borders don’t show, the columns are too close together so the words overlap and it’s the same on all devices. This theme is still in draft. This is just an example of what most all of the product pages look like
if the theme still not publish, please share the preview link.
It’s in the last post. Above the images
It’s live view url of publish theme, please share the preview link
Hello @Mark3347
I checked the link above and found that currently the published theme is Debut. Please publish the Dawn theme or can you share the preview link of Dawn theme so I then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi @Mark3347
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.
try this link
sorry. try this https://arcticsealwinecoolers.com/products/summit-24-wide-triple-zone-wine-cooler-swcp1988t#specifications
I Fixed the overlapping issue, but still need help with making the table border visible.
Can you tell me how to get a preview link? I’ve tried several times and the links I keep getting are for my published theme.
https://zwypwp24sqppm380-43245961371.shopifypreview.com
The problem is the tables located on the product pages. There are no visible border lines.
thanks
Hi @Mark3347
Can you kindly share your preview with us again? The above preview link has expired.
Thanks
Hello, Sorry for the delay. Here’s a new preview link
https://z9bs3es6kj362hjv-43245961371.shopifypreview.com
On the product pages, most all of the tables have no borders and the columns are really close together. There is some white space to the left of the text that I’d like to reduce the padding on a bit so that the columns would be easier to read. Thanks!
Hi @Mark3347
Please follow these steps:
Go to Sales channels → Online Store → Themes → Edit Code, then find the file base.css or theme.css.
Then add the following code at the end of the file:
.station-tabs-tabcontent table {
border-collapse: collapse;
border: 1px solid rgba(var(--color-foreground),.08);
}
.station-tabs-tabcontent tr,
.station-tabs-tabcontent td {
border: 1px solid rgba(var(--color-foreground),.08);
}
Here is the result:
I hope that it will work for you.
1 Like