HTML+CSS in Product Creation Form v1.7.2.x

[Rebel Tech]

Good day,

 

I am sorry if this has been covered before. I am unable to find anything that related to 1.7.

 

I would like to add some CSS and HTML to products during the creation phase.

 

I have tried direct copy to < Source Code> and even tried to add the css to custom.css (in my theme folder). It just does not format correctly.

Any ideas?

 

Sample data below

CSS

table.test {
  border: 0px solid #A40808;
  background-color: #EEE7DB;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.test td, table.test th {
  border: 1px solid #AAAAAA;
  padding: 3px 0px;
}
table.test tbody td {
  font-size: 13px;
}
table.test td:nth-child(even) {
  background: #D0E4F5;
}
table.test thead {
  background: #A40808;
}
table.test thead th {
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #A40808;
}
table.test thead th:first-child {
  border-left: none;
}

table.test tfoot .links {
  text-align: right;
}
table.test tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #A40808;
  padding: 2px 8px;
  border-radius: 5px;
}

 

HTML
 

<table class="test">
<thead>
<tr>
<th>Test</th>
<th>Test</th>
</tr>
</thead>
<tbody>
<tr>
<td>Test</td>
<td>Test</td>
</tr>
<tr>
<td>Test</td>
<td>Test</td>
</tr>
<tr>
<td>Test</td>
<td>Test</td>
</tr>
</tbody>
</table>	

 

[Vince]

This is for front-end not back end

[Rebel Tech]

In a sense yes.

 

Front-end needs to be able to see the css + html code and then show.  Each product is going to be using the same template (as above).

[Rebel Tech]

It will need to appear - formatted in both long and short descriptions.

[Rebel Tech]

Any ideas?

[Rebel Tech]

I believe I have solved the issue.

 

I added the css code to a "global" css and it has solved the issue.