WordPress › Support » Problems with column width with using wp-reloaded

Pixels240
Member
Posted 6 months ago #

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?

alchymyth
The Sweeper
Posted 6 months ago #

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?

Pixels240
Member
Posted 6 months ago #

The page link is:
http://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.

Pixels240
Member
Posted 6 months ago #

Here is the link to just the Table it looks HUGE on my screen but at least you can see it: http://www.cjlwebhostinginnovations.com/2011/11/table/
Let me know what you think I should do if you have any suggestions they are appreciated.

TobiasBg
Member
Posted 6 months ago #

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,
Tobias

Pixels240
Member
Posted 6 months ago #

Thanks 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?

TobiasBg
Member
Posted 6 months ago #

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,
Tobias

Pixels240
Member
Posted 6 months ago #

Thanks 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.

Pixels240
Member
Posted 6 months ago #

Can I use a secondary sidebar the sameway I use my primary if I delete my primay go to http://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?

TobiasBg
Member
Posted 6 months ago #

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,
Tobias

Pixels240
Member
Posted 6 months ago #

Tobias 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!

TobiasBg
Member
Posted 6 months ago #

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,
Tobias

Pixels240
Member
Posted 6 months ago #

Hey 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?

TobiasBg
Member
Posted 6 months ago #

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,
Tobias

Pixels240
Member
Posted 6 months ago #

Tobias 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: http://www.cjlwebhostinginnovations.com/2011/11/2426/
Thanks you've been great!!!

TobiasBg
Member
Posted 6 months ago #

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

Pixels240
Member
Posted 6 months ago #

Thanks that helps a lot! One more question can I write anything beneath the table as I already have chosen to write a descrtion above it I need to write my disclosure under it. Thanks Tobias!

TobiasBg
Member
Posted 6 months ago #

Hi,

oh, sorry, I missed that question.

Yes, you can of course write text under the table. Just put it under the Shortcode.

Regards,
Tobias

yesdavy
Member
Posted 5 months ago #

My current problem is the opposite. The columns are too narrow and truncate the data. http://www.MARKDEX.com/transparency is the location. How do you distribute columns or rows evenly or assign specific widths to specific columns? Will this be the answer?

.wp-table-reloaded-id-5 .column-3 {
width: 400px;
}

TobiasBg
Member
Posted 5 months ago #

Hi,

thanks for your question.

Yes, the code you posted is correct. However, it might not work out of the box, e.g. when your theme is restricting the overall widths of the table.

Unfortunately, I could not check this, as your link only gives a "Not found" messages. You probably have not published that page/post.

Regards,
Tobias

yesdavy
Member
Posted 5 months ago #

Please excuse me, Tobias, for giving you a bad link, here is the correct one http://markdex.com/results-2

TobiasBg
Member
Posted 5 months ago #

Hi,

thanks for the new link. As I had thought, your theme only has a very small content area for the main content, including the table.

You will need to increase this. Is there maybe something like a "Full Width" option or page template in your theme?

Regards,
Tobias

yesdavy
Member
Posted 5 months ago #

If you scroll down you will see a second version in a full width bottom widget area.

TobiasBg
Member
Posted 5 months ago #

Hi,

as far that I can see, that second version is still restricted in its width, as it is part of the #container <div>, which has a maximum width of 568px, which it gets from your theme.

Regards,
Tobias

yesdavy
Member
Posted 5 months ago #

Thank you so much for the guidance, Tobias, as it is now the full width by hiding the sidebar on that page.

TobiasBg
Member
Posted 5 months ago #

Hi,

yes, that is exactly what I meant :-) Great that your theme allowed this!

Best wishes,
Tobias

WordPress.org

Forums

Problems with column width with using wp-reloaded (26 posts)

Reply

About this Topic

Tags

Code is Poetry