rhamlette417
Forum Replies Created
-
Ah ha! You are correct! Thank you for that, I had missed that plugin. It was a prior attempt to get a good table on the site but it didn’t meet my client’s needs.
Thanks for your time! Have a nice day. Great plugin, btw. Easy and effective 🙂
TobiasBg, thank you for the response.
I cannot find the code that is effecting the table in any of the website code, including the plugin, which is most puzzling for sure. I have even used the plugin’s ‘CSS Here’ feature and I see it on the page but it does not override the 992px media query. My site is already guttered, I want it to fill all of the space within the gutter, especially on the smaller screens.
https://mci.build.tsts.com/bidding-opportunities/ – scale it down below 992px. The CSS that appears is placed onto the page into the head element with a bunch of other styles:
<style> .table-responsive table{ border-collapse: collapse; border-spacing: 0; padding: 0; width: 100%; max-width: 100%; margin: 0 auto 20px auto; } .table-responsive { overflow-x: auto; min-height: 0.01%; margin-bottom: 20px; } .table-responsive::-webkit-scrollbar { width: 10px; height: 10px; } .table-responsive::-webkit-scrollbar-thumb { background: #dddddd; border-radius: 2px; } .table-responsive::-webkit-scrollbar-track-piece { background: #fff; } @media (max-width: 992px) { .table-responsive table{ width: auto!important; margin:0 auto 15px auto!important; } } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive::-webkit-scrollbar { width: 5px; height: 5px; } } @media screen and (min-width: 1200px) { .table-responsive .table { max-width: 100%!important; } } .wprt-container .table > thead > tr > th, .wprt-container .table > tbody > tr > th, .wprt-container .table > tfoot > tr > th, .wprt-container .table > thead > tr > td, .wprt-container .table > tbody > tr > td, .wprt-container .table > tfoot > tr > td, .wprt-container .table > tr > td{ border: 1px solid #dddddd!important; } .wprt-container .table > thead > tr > th, .wprt-container .table > tbody > tr > th, .wprt-container .table > tfoot > tr > th, .wprt-container .table > thead > tr > td, .wprt-container .table > tbody > tr > td, .wprt-container .table > tfoot > tr > td, .wprt-container .table > tr > td{ padding-top: 8px!important; padding-right: 8px!important; padding-bottom: 8px!important; padding-left: 8px!important; vertical-align: middle; text-align: center; } .wprt-container .table-responsive .table tr:nth-child(odd) { background-color: #fff!important; } .wprt-container .table-responsive .table tr:nth-child(even){ background-color: #f9f9f9!important; } .wprt-container .table-responsive .table thead+tbody tr:nth-child(even) { background-color: #fff!important; } .wprt-container .table-responsive .table thead+tbody tr:nth-child(odd){ background-color: #f9f9f9!important; } .table-responsive table p { margin: 0!important; padding: 0!important; } .table-responsive table tbody tr td, .table-responsive table tbody tr th{ background-color: inherit!important; } </style>I’m not able to get the custom CSS to work either, but I do not want to have to pay to install an extension to allow a native function to work. It says it will override the styles but didn’t in my case where it’s setting the table width to auto rather than 100%.
I shouldn’t have to purchase an extension to override CSS.
I’m having an issue with the table size. It’s using a width: auto!important flag that I am unable to override. I cannot find this in the plugin itself, there are no media queries, but in my DevTools it shows as:
@media (max-width: 992px)
.table-responsive table {
width: auto!important;
margin: 0 auto 15px auto!important;
}I want to change this to width: 100% !important; but cannot get anything to override this, not even the CSS override section.
Yes, thank you. That is what I did after I realized Autoptimize was the conflict.
I have found the cause of the issue – Autoptimize plugin is interfering for some reason. It is interfering with the way the function is called within this plugin. I’ve deactivated it for now, going to look into settings to see why it would be interfering.
This is not a site I can play around with, it is a production site for a client. I cannot simply add it to another page and see if it works.
I only have facebook feed on the page.
I have a secondary ‘Facebook Events’ plugin on the page, deactivating this plugin has no effect.
Deactivating and reactivating Facebook Feed WD has no effect, the error persists. This error wasn’t present after your last update, which I had to install as I had a similar script issue and I piggy-backed on that post: https://wordpress.org/support/topic/most-images-suddenly-not-showing-any-more/#post-9975753.
Please update your script.
Forum: Plugins
In reply to: [10Web Social Post Feed] Most images suddenly not showing any moreI just updated it and the script error is gone for me. Visual confirmation, I’m seeing all of the images for the posts. Thanks!
Forum: Plugins
In reply to: [10Web Social Post Feed] Most images suddenly not showing any moreI’m getting the exact same error. I installed this plugin weeks ago and was just doing a walkthrough and noticed this error coming up. I don’t believe it’s your site, I believe there’s something wrong with the script.
I submitted a ticket via your contact us link, thanks for the response.