Hi, I have the following View in my webpage:
<div id="complnt" class="complaints" style="position: relative; left: -2vw; padding-top: 12vh">
[wpv-view name="complaints-list-new-table"]
</div>
In the View I have:
<div class="comp-tbl">
<table id="complaintLst">
I want to print (@media print {...}) this table. How would I target it in the css?
I tested print CSS styles, but some other styles loaded on the website seem to be overwriting them.
For further troubleshooting, can you please share temporary admin login details, in reply to this message? I'll also need your permission to download a clone/snapshot of the website, in case it needs to be investigated on a different server.
Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.
During troubleshooting, I noticed that the custom CSS styles added in the CSS editor of the content template 'Template for single plants - Grid -v4' are responsible for tables not showing correctly in the print layout.
If all those custom CSS styles are removed and only the following print CSS styles are included, the tables start showing correctly in the print layout:
Note: There is a long list of existing custom CSS styles in that template and it won't be possible for us to investigate all of them. But, you can remove them and add them in smaller chunks, so that only the necessary styles are included and the conflicting one can be narrowed down.
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.