Hi,
On my site the number of pages box and search box has changed from the design. This is what it should look like using tabulizer wizard
![](https://www.joomlart.com/forums/assets/files/2021-11-11/1636667652-786658-screenshot-2021-11-11-at-214723.png)
.
.
.
But when I put it into my site this is what it actually looks like
![](https://www.joomlart.com/forums/assets/files/2021-11-11/1636667817-458001-screenshot-2021-11-11-at-214659.png)
.
.
.
The tabulizer developer made the following comment which means nothing to me:
This issue is related to the fact that your site is using the theme CSS files, which also affect the appearance of the table.
In other words, the styling of your table is the combination of the CSS statements found in the ruleset's CSS file and the Joomla's template CSS files.
If you want to change the appearance, you will need to edit manually the ruleset's CSS file
.
.
.
This is the code I was given that needs modifying but how does this relate to the template to get the correct appearance as in the first image and not break the template:
table.tabtable-rsp65ypbrq, table.tabtable-rsp65ypbrq tr td.tabcol { border: none; }
table.tabtable-rsp65ypbrq tr { border-width: 1px;
border-color: #dddddd;
border-style: solid; border-left: none; border-right: none; }
table.tabtable-rsp65ypbrq tr.tabrow.tabrow td.colwidth1 { width: 10%; }
table.tabtable-rsp65ypbrq tr.tabrow.tabrow td.colwidth2 { width: 15%; }
table.tabtable-rsp65ypbrq tr.tabrow.tabrow td.colwidth3 { width: 15%; }
table.tabtable-rsp65ypbrq tr.tabrow.tabrow td.colwidth4 { width: 30%; }
table.tabtable-rsp65ypbrq tr.tabrow.tabrow td.colwidth5 { width: 30%; }
table.tabtable-rsp65ypbrq {
border-collapse:collapse;width:100%;background-color: transparent;}
table.tabtable-rsp65ypbrq tr.tabrow td.tabcol {
font-style: normal;font-weight: normal;padding: 5px;background-color: transparent;}
table.tabtable-rsp65ypbrq tr:nth-child(even) td.tabcol, table.tabtable-rsp65ypbrq tr:nth-child(even) td {
font-style: normal;font-weight: normal;background-color:#fafafa;}
table.tabtable-rsp65ypbrq tr.trht1 td.tabcol, table.tabtable-rsp65ypbrq tr.trht1:hover td.tabcol, table.tabtable-rsp65ypbrq tr.trht1 td.tabcol:hover {
font-size: 20px;font-style: normal;font-weight: bold;color: #c36349;background-color: transparent;}
.
.
.
Thank you for any suggestions
Eddie