Dear:
The new version of the plugin does not accept html or css code in each country, how should I solve it?
Thanks
Leonardo Grabow
Example:
<style>
h1{
margin-top: 80px;
margin-bottom: 45px;
font-weight: bold;
}
h3{
font-weight: bold;
color:black;
}
div .table-responsive {
margin-top: 120px;
margin-bottom: 45px;
}
table {
min-width: 480px;
width: 480px;
max-width: 480px;
border: 1px solid grey;
background:#FFFFFF;
color:#000000;
}
a:link {
color: black;
background-color: transparent;
#text-decoration: none;
}
a:visited {
color: #5D5D5D;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: black;
background-color: transparent;
text-decoration: underline;
}
table th, table td{
text-align: center;
}
tbody tr:nth-child(even) {
background: #BABABA;
color: #000000;
}
</style>
<center>
<div class="table-responsive">
<table cellspacing="0" width="15%" >
<tr>
<td colspan="2"><h3>Afghanistan</h3></td>
</tr>
<tr>
<td><b>Date of entry into force</b></td>
<td>27 October 2020</td>
</tr>
<tr>
<td><b>Date Initial Report due</b></td>
<td>26 October 2021</td>
</tr>
<tr>
<td><b>Date First Annual Report due</b></td>
<td>31 May 2022</td>
</tr>
<tr>
<td><b>Initial Report submitted</b></td>
<td>Not due</td>
</tr>
<tr>
<td><b>Annual Report submitted</b></td>
<td>Not due</td>
</tr>
<tr>
<td><b>Country Profile</b></td>
<td>N/A</td>
</tr>
</table>
</div>
</center>