Making HTML code in product discription shop wide?

Technical Q&A
1

Hi guys,

sorry for my bad english. i have a hard time explaining my problem. :slightly_smiling_face:

I got the following html code in every product description:

i want to make that setting “global on my theme” so if i need to make changes i dont have to go through like 4k products.

i used that tool to clean up the code: https://html-css-js.com/css/editor/

But now where to put it in the theme files so its going to affect every product?

I would be very glad if someone could help me with this.

Have a nice day and take care

Phil

Can someone give me a hand with this?

2

open your theme code & find style.css.scss or theme.css.scss or any .scss file & paste this

.tg {
border-collapse:collapse;
border-color:#ccc;
border-spacing:0;
}
.tg td{
background-color:#fff;
border-color:#ccc;
border-style:solid;
border-width:0px;
color:#333;
font-family:Open Sans;
font-size:14px;
overflow:hidden;
padding:3px;
word-break:normal;
}
.tg th{
background-color:#f0f0f0;
border-color:#ccc;
border-style:solid;
border-width:0px;
color:#333;
font-family:Open Sans;
font-size:14px;
font-weight:normal;
overflow:hidden;
padding:10px 5px;
word-break:normal;
}
.tg .tg-lboi{
border-color:inherit;
text-align:left;
vertical-align:middle
}
.tg .tg-d459{
background-color:#f4f4f4;
border-color:inherit;
text-align:left;
vertical-align:middle
}
@media screen and (max-width: 767px) {
.tg {
width: auto !important;
}
.tg col {
width: auto !important;
}
.tg-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: auto 0px;
}
}

1 Like
3

@taruunn

i just put the code in my style.css.scss and it seems to work flawlessly :slightly_smiling_face:

Thank you !

4

Thank you, in the future, if you need any help in Shopify work, any custom, work, or anything you can email me: Tarun.rajpurohit@coozmoo.com

1 Like