Archived topic
Table broken after installing GP
5 replies · Started by Martinus on February 13, 2022
Hello,
On my website I have a programmed HTML code in the plugin of Woody Snippets.
My old theme shows exactly the table as it's programmed in HTML Code. With collors and table form.
After installing GP it shows no collors and the format is broken.
As far as I can see the HTML code is and was correct.
maybe the code below will give some issues?
<div class="section group">
<div class="col span_1_of_5">
<div class="button"><a href="https://staging2.autoverzekeringafsluiten24.nl/out/ditzo" target="_blank" rel="noopener">Naar Ditzo »</a></div>
</div><div></div>Thank you in advance.
Martinus
Hi there,
your HTML has some very specific CSS classes eg. section group col span_1_of_5 - which would require its own CSS. Do you have a CSS Stylesheet for those classes ?
Hi David,
With the new installation the CSS Style Sheet seems to be disappeared. Do I only need the CSS for tables? Because the old theme was a customized theme. And I see the CSS code is extended to Body, headings, text elements, tables, Gallery etc....
Below the first few lines of the CSS Style sheet.
/*
Theme Name: Twenty Thirteen
Description: Used to style the TinyMCE editor.
*/
/**
* Table of Contents:
*
* 1.0 - Body
* 2.0 - Headings
* 3.0 - Text Elements
* 4.0 - Links
* 5.0 - Alignment
* 6.0 - Tables
* 7.0 - Images
* 8.0 - Galleries
* 9.0 - Audio/Video
* 10.0 - Post Formats
* 11.0 - RTL
Is it just that HTML that is broken ? As it may be easier for us to help you rebuild it.
Do you have an example of how it should look ?
Hello,
The old website is https://autoverzekeringafsluiten24.nl/
you can see the table has a yellow collor.
When testing in the new environmet with GP I only see logo and star rating from the table.
The editor style CSS on in the old theme for the table is as follow:
/**
* 6.0 Tables
* ----------------------------------------------------------------------------
*/
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
Regards,
martinus
Those aren't the styles that are being used there.
In your old theme this is the Style sheet that its using:
https://autoverzekeringafsluiten24.nl/wp-content/themes/au24/style.css
