Problems with column width with using wp-reloaded
-
I tried to enter the CSS code .wp-table-reloaded-id-5 .column4 {
width: 150px;
}
and I got nowhere the columns would widen. I don’t know what to do anyone have any ideas?
-
please post a link to your site, to the post/page with the problem.
have you tried to refresh the browser with ‘CTRL F5’ for instance?
The page link is:
https://hwww.cjlwebhostinginnovations.com/2011/11/2426/
but this is the finished work the table I can’t get to show up as a post just in a box. I want to widen the features column to shorten the length of the post and make it more symmetrical. I tried refreshing my browser that didn’t work.Here is the link to just the Table it looks HUGE on my screen but at least you can see it: https://www.cjlwebhostinginnovations.com/2011/11/table/
Let me know what you think I should do if you have any suggestions they are appreciated.Hi,
thanks for your post.
The reason on why can not increase the width of the column simply is that there is no more width available. This is, because your table has a fixed width, due to the theme layout. To now increase the width of one column, all the other columns would need to be made smaller. This however is not possible, because of the content in those column. They simply need to space they are taking now.
So, the proper solution would be to give the table more space. From what I can see in your theme, you might be able to do that by choosing a page layout without the right sidebar. This should be possible on the “Edit” screen of the page.
Regards,
TobiasThanks for your post
I have deleted the primary sidebar for that post already. There’s plenty of room if you look at the first link in my original post of the finished or almost finished version for expansion horizontally the sidebar is gone. Is that what you were referring too?Hi,
yes, and that free space (at least in the code) belongs to a “right sidebar”. This “right sidebar” still seems to be enabled.
If you can somehow disable this, the post content and the table will take the whole page width and everything should fit nicely.Regards,
TobiasThanks for your post,
But I need the sidebar for all my other posts so I can’t remove it I just removed it for that particular post so can I alter the code for that post to allow for that free space to fill up without completely delting the sidebar as I need it for the other posts.Can I use a secondary sidebar the sameway I use my primary if I delete my primay go to https://www.cjlwebhostinginnovations.com and look at my sidebar and let me know if I can get a secondary sidebar set up the same way it would be further out right?
Hi,
sorry, but unfortunately, I don’t really know a solution to this.
I can only tell you why this happens here (the table needs more space than there is available).
You will need to decide/find out on how to set up the sidebars.
I know that in some themes the sidebar can be activated/deactivated for individual pages/posts. If in your theme it can only be activated/deactivated globally, that’s very unfortunate.Regards,
TobiasTobias I have deactivated the sidebar for that post that’s what I don’t understand why it’s not expanding there is no sidebar I checked hide the sidebar for that post. You’ve been helpful perhaps I’m in a dilema that i can’t fix. I entered the code right now my columns are assigned leters but entering a letter did not work either any last suggestions? You seem to know a lot about websites and programming I see you giving good advice on all the forums your a popular guy!
Hi,
even though you seem to have deactivated the sidebar, the sidebar is still there. It is in the HTML code (just without any content/widgets/links).
Unfortunately, I don’t know how to change this, as it is a problem in the theme. You could either try to contact the theme author, or look for a new theme, or remove content from the table…
Just adding CSS code to increase the column width will not help, because the table simply does not have more space available. Only if the sidebar is removed from the code, will the table and the text above the table have more space.Regards,
TobiasHey Tobias is there any way I can decrease the width of a couple of my columns? Because I have extra space on a couple of them and they could be reduced I’ve already deleted one column. Thanks for your help. Before I delete the code for the sidbar I should make a copy somewhere correct?
Hi,
you could reduce the padding in the cells, but that’s only give you a few pixels:
.wp-table-reloaded-id-5 th, .wp-table-reloaded-id-5 td { padding: 2px!important; }
Paste that into the “Custom CSS” textarea on the “Plugin Options” screen.
Additionally, you could make the “Price” column smaller, by moving “/mo.” to a new line (simply press “Enter” in front of that in each cell of the “Price” column).
Also, there’s a “FatCow” image in the “Rating” column, which I think does not belong there, and which seems to use a lot of space.And yes, before deleting/editing any code, you should definitely make a backup of the files.
Regards,
TobiasTobias I have gone with a full width layout so I can work on my table without having to expand the only problem now is I have to get my content sidebar going the code for it is not in the sidebar.php but I have used widgets to navigate the posts I want to use in it it’s just not showing up. I have a post in the troubleshooting forum hopefully I will get a response. Check out my table and let me know how I can decrease the width of the features column and any other improvments. Also is there any way I can bring it closer together with the name banners and can I write something beneath the table. I need to put in my disclosure. Here’s the URL: https://www.cjlwebhostinginnovations.com/2011/11/2426/
Thanks you’ve been great!!!Hi,
yes, the full page layout is what you needed! Great ??
To now influence the individual columns, you can use CSS like in your first post
.wp-table-reloaded-id-5 .column-3 { width: 400px; }
Additionally, you could decrease the table’s width with
.wp-table-reloaded-id-5 { width: 90%!important; }
This was not possible before, because you did not have the full page layout, but now it works.
Best wishes,
Tobias
- The topic ‘Problems with column width with using wp-reloaded’ is closed to new replies.