Hello Support,
After the update to Newspaper 7.6, we noticed a new 26px tall gap in every Tablepress row.
We tracked it down to the following CSS rule in style.css:
.page-template-page-pagebuilder-title .wpb_text_column :last-child,
.page-template-default .wpb_text_column :last-child,
.page-template-page-pagebuilder-title .wpb_text_column p:last-child,
.page-template-default .wpb_text_column p:last-child {
margin-bottom: 26px;
}
We are currently using the following JS code to “workaround” that gap (to minimise the change of impact with other elements in the page):
jQuery(“.tablepress .row-hover p”).css(“margin-bottom”,”0px”);
jQuery(“.tablepress .row-hover :last-child”).css(“margin-bottom”,”0px”);
The reason why we employed jquery to workaround this is because we could not control this aspect simply by entering the following CSS code within the Tablepress options:
.tablepress * {margin-bottom: 0px;}
We are suspecting that the reason this did not work is either the specificity of the rule (although we also tried with more specific CSS rules without much luck) or the order the CSS files are loaded by the browser.
How would you recommend to approach a “fix” for this? We would like to keep Tablepress specific fixes within the relevant Tablepress options, if possible, to better manage those in the future.
Note: the website address is http://goalpoint.pt/
Regards,
Pedro
Well if you are adding the tablepress as a visual composer element inside a row, you can simply access the row settings and control the exact margins and padding to each block. You can try negative values to compensate for the theme css. Please check the design options tab on each element/row
Thank you!
Hi Bogdan,
For some reason the CSS
.tablepress * {margin-bottom: 0px;}
Now works fine with the desired result…
Hm.
Thanks
