Title: Styling issues Last modified: August 30, 2016 --- # Styling issues * Resolved [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/) * Does the no-datatables in the the shortcode prevent CSS from coming through on the table? * I have tried with and without no-datatables tag, and can’t get added CSS to display properly. I’m attempting to reduce the width of the first column of the table, adding the following to the bottom of my teme’s style sheet: * ``` .igsv-table .col-1 { width: 10px; } ``` * Table is on this page: [http://premierleaguepokerclub.com/premleague/scorestest/](http://premierleaguepokerclub.com/premleague/scorestest/) * Thanks for any insight you can provide. * [https://wordpress.org/plugins/inline-google-spreadsheet-viewer/](https://wordpress.org/plugins/inline-google-spreadsheet-viewer/) Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Author [Meitar](https://wordpress.org/support/users/meitar/) * (@meitar) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537168) * > Does the no-datatables in the the shortcode prevent CSS from coming through > on the table? * No. * > I have tried with and without no-datatables tag, and can’t get added CSS to > display properly. I’m attempting to reduce the width of the first column of > the table * This may be helpful: [https://stackoverflow.com/questions/4457506/set-the-table-column-width-constant-regardless-of-the-amount-of-text-in-its-cell](https://stackoverflow.com/questions/4457506/set-the-table-column-width-constant-regardless-of-the-amount-of-text-in-its-cell) * Thread Starter [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537172) * Ok, thanks for the link. I’ve read through that, and added this to my Style Sheet: * ``` .igsv-table { table-layout: fixed; width: 600px; font-size: 20px; } .igsv-table th, td { overflow: hidden; width: 200px; .igsv-table .col-1 { width: 200px; } ``` * Still not getting any changes. I fact, I’m not only not seeing the column width change, but even my fonst-size tag isn’t being picked up by the table. * Am I using the appropriate tags for the table?!? * Plugin Author [Meitar](https://wordpress.org/support/users/meitar/) * (@meitar) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537178) * > Am I using the appropriate tags for the table?!? * Yeah, but it’s possible your theme has more specific styles that are overriding these. * Consider reading up on [how CSS cascading works](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Cascading_and_inheritance). * Thread Starter [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537180) * So you see nothing wrong with adding the above code to the end of my style sheet? In your opinion, it “should be working”? * This is really frustrating to have your plug-in work, but not look good. It makes it unusable for me. I have done CSS styling before with other table plug-ins, and not had any issues. * I would REALLY like to use this, but without any styling options, I can’t. If you can help me get it running, I’d gladly give a donation. * I can’t even get it to center the text in the table. Its just ignoring everything I put in the .igsv-table tag. * Thread Starter [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537182) * Other options: * Is there a way to change the styling through the shortcode? I seem to be able to see results of changes made this way. * Plugin Author [Meitar](https://wordpress.org/support/users/meitar/) * (@meitar) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537186) * I really think you should consider expanding your knowledge of CSS. * Prefacing the rules above with `.meta-left-full-content` will work fine. For instance: * ``` .meta-left-full-content .igsv-table { table-layout: fixed; width: 600px; font-size: 20px; } .meta-left-full-content .igsv-table th, .meta-left-full-content .igsv-table td { overflow: hidden; width: 200px; .meta-left-full-content .igsv-table .col-1 { width: 200px; } ``` * Like I said, this is specific to the cascading rules in your theme. You should learn more about CSS unless you are content with being fed fish rather than learning to fish. * Thread Starter [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537188) * Still doesn’t work. 🙁 * Using your analogy, I know a bit about fishing. But I don’t want to be an expert on “shark fishing in the pacific”, as I rarely need to be. I just want to be able to catch a fish and eat it. If another who is an expert on shark fishing gives me a pole specific for shark fishing in the pacific, I’m very grateful. But if that pole is overly complicated to use and doesn’t allow me to catch any fish, it defeats the purpose. Telling me to learn everything I can about shark fishing doesn’t really help. I’m still hungry even though I have your fishing pole. * Its a bit defeating that your wonderful pole cant catch any fish for me. And I was going to pay you for your pole too. * Thread Starter [infiniloop](https://wordpress.org/support/users/infiniloop/) * (@infiniloop) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537189) * Another note: * You should consider a pay version of this plug-in that provides ACTUAL support for deep issues. I would gladly give you my money for this to be functional. This is worth quite a bit to me and my company. But we have no desire to hire someone just for this. * And looking for help through the support tickets shows me that there are others that are having similar styling issues, and receiving the same lack of support. I bet they would pay too. * Plugin Author [Meitar](https://wordpress.org/support/users/meitar/) * (@meitar) * [10 years, 10 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537195) * The code I provided does work on your theme. * Also, [I don’t have any intention of selling anything](https://maymay.net/#how-you-can-hire-me). * [uculture](https://wordpress.org/support/users/uculture/) * (@uculture) * [10 years, 5 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537530) * I can’t get this to work either. Tried the CSS on a few different themes Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Styling issues’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/inline-google-spreadsheet-viewer. svg) * [Inline Google Spreadsheet Viewer](https://wordpress.org/plugins/inline-google-spreadsheet-viewer/) * [Frequently Asked Questions](https://wordpress.org/plugins/inline-google-spreadsheet-viewer/#faq) * [Support Threads](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/) * [Active Topics](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/unresolved/) * [Reviews](https://wordpress.org/support/plugin/inline-google-spreadsheet-viewer/reviews/) * 10 replies * 3 participants * Last reply from: [uculture](https://wordpress.org/support/users/uculture/) * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/styling-issues-10/#post-6537530) * Status: resolved