How do i color the outline of table in shopify page

[radaApeta]

Hello,

I would like to make the table outlines colored like it is on the first picuture, but when i try to do that in shopify it doesnt let me. It only colors the backgroud of the words, not the whole thing.
Thank you

https://81e325-28.myshopify.com/

0007

 

[Abdosamer]

Hi @radaApeta , can you share your store url?

[radaApeta]

https://81e325-28.myshopify.com/

0007

[Abdosamer]

@radaApeta , In which page the table?

[radaApeta]

Its on every product under link "Velikosti tabulka" its a pop up, and i need to make multiple pages to link to multple products

[Abdosamer]

@radaApeta , go to theme.liquid file and add the following code at the end before the </body> tag :

<style>
table.Table_table_4ef6 {
    border-collapse: collapse;
}

table.Table_table_4ef6 th {
    
    background-color: #ffa800;
}

table.Table_table_4ef6 tr {
    border: 1px solid #ffa800;
    text-align: center;
}

table.Table_table_4ef6 td {
    border: 1px solid #ffa800;
}

</style>

[Made4uo-Ribe]

Hi @radaApeta 

Do you mean like this? 

if it is check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit.

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.product-popup-modal__content-info th {
    background: orange;
    border: 1px solid orange;
}
.product-popup-modal__content-info td {
    border: 1px solid orange;
}
.product-popup-modal__content-info table {
    border-collapse: collapse;

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[radaApeta]

@Made4uo-Ribe Hello, sorry for late respond, but i just now saw that you replied. This is exactly what i was looking for but i want it for mobile as well can you add code fro that ? thank you very much