[Plugin: WP-Table Reloaded] Few more questions -:)

Hi,

thanks for the good wishes. The same to you!

I’m not sure what you mean with your question, because I don’t know how the table looks like in your new theme.
Can you post a link? Then I should be able to help with the CSS.

Tobias

Hi,

Yes the Table is on the left – The website is https://www.f1arab.com

Thanks -:)

Hi,

yes, but I mean the new site. Or is this the new site already? Then, what do you want to change in the table in the sidebar there? Do you want to move it from the sidebar to the footer?

Tobias

Sorry yes it’s my old site but with a new Design ??

No, I want to create a new Table and put it in the footer but I totally lost how I do it without the borders and same CSS as the widget one. (The background is black for the footer so I don’t know what to use..)

Also I see the 2nd row of my pictures have changed

https://www.f1arab.com/f1-pictures/turkey-gp-pictures/

I don’t know why but firebug says “Table picture” CSS so I don’t know how to fix it.

Thank you !

Hi,

I believe I understand more now ??

To, start, please create the table in the footer (with your data). After that we can change the styling. But first we need the table.

That table with the images is however not related. The table was not created with WP-Table Reloaded, so I don’t know what influences it. I believe it is done by the KPicasa Gallery plugin.

Tobias

Thanks OK I’ll start doing it next week when more teams announce more drivers.

Hello Tobias,

Sorry for my Questions all the time but I’ll visit your Blog before christmas -:)

Now, I have a Table on the left, You can see it on my website. But now my theme is smaller in widget and I’d like to make the text bigger. I see that the text is centered and I want to move the Coumn1 to the right, and the Column 2 to the Left – Like this Picture :

https://img228.imageshack.us/img228/9610/howmu.png

Also, I want to create the same Table like the one I have, How? (with no borders..Exact CSS) I want to add it in the widget and not in the footer.

For the footer I’ll add tables when the teams announce their cars.

Thanks for everything dude, Tobias you are a good Person and I am really happy that you are helping us all the time.

Hi,

ok, let’s start with changing that table from your screenshot. Its table ID is 31, so we will need to take a look at all the “Custom CSS” code which affects that ID’s styling:

.wp-table-reloaded-id-31 {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;
}

.wp-table-reloaded-id-31 td {
  font-family: Tahoma;
  font-size: 12px;
  color: #000000;
}

The first part removes the borders, so we’ll leave that as it is now.
In the second piece of code, the font size is set, so all you need to do there, is change the font size to what ever you want.
Additionally, we need some new code to align the columns. The following code will move column 2 to the right and column 1 to the left (important for everybody else: This is a right to left table, so this does only apply to f1arab here!):

.wp-table-reloaded-id-31 .column-1 {
  text-align: right!important;
}

.wp-table-reloaded-id-31 .column-2 {
  text-align: left!important;
}

That should make the table as you want it.

Now, to create the new table, just either copy the table 31 or create a new one of the same size, and insert the new Shortcode into the new widget.
Additionall, take all the CSS code from above (where the table ID is still 31), change all table IDs to the new table’s ID and also copy that into the “Custom CSS” textarea.

Regards,
Tobias

Thanks Tobias, Great explanation.

I tried to make a new Table ID : 49 but it didn’t work pretty well

.wp-table-reloaded-id-49 {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;
}

.wp-table-reloaded-id-49 td {
  font-family: Tahoma;
  font-size: 12px;
  color: #000000;
}

It’s on the widget of the website, What can i do?

Thanks !

Hi,

there is a tiny typo in your code.

A little bit higher than the code for table 49, you have this:

.wp-table-reloaded-id-34 img {
  float: none!important;

Unfortunately, there is a closing bracket } missing after it, therefore all of the following code is not working.
If you add that } again, everything should be find again.

Tobias

Thanks Tobias,

I add it the } and now it’s working but the odd row don’t have another colour.

So I added this code

.wp-table-reloaded-id-49 .odd td {
  background-color: #F5F5F5;
}

but it didn’t change anything at all.

All I have is a table with white background ??

Hi,

the alternating row colors are not applied, because you did not enabled the corresponding option on the “Edit” screen of table 49. There is a checkbox that you will need to check first ??
After that, the odd rows will be colored like in the other table.
You do not need any additional CSS for that.

Regards,
Tobias

You are awsome dude -:) How can i send you something Private? (about donation through amazon wishlist).

I’d like to know, how can i make something (exactly) like this list ?

https://www.formula1.com/teams_and_drivers/drivers/

And

https://www.formula1.com/teams_and_drivers/drivers/822/

Do you think that can be done using WP-table reload? or I need some experience about php and HTML? or it can be done using frontpage?

Same question for this site :

https://www.vivaf1.com/interlagos.php

How can i Make the same? It looks stunning right? (Overview, background..)

Sorry I am asking a lot but you are the only one who responds to my questions ??

Thanks again !

EDIT : I want your help with CSS again. You can see social networking site as the firs widget there are 4 (RSS, youtube, twitter..) I changed the width to 50% so they can be aligned beside each other but the problem is that they’re on the right..do you know how to center them?

that’s all and sorry again !

Hi,

to get in touch privately, just send me an email. My address is in the main plugin file of WP-Table Reloaded.

Of those three links you posted, I would only do the first one (the driver list) with the plugin, although even that will require some work (you will need to insert HTML code for the images and the links).
For the other two pages, a table is not the correct way to do this. Instead, you will likely need a custom PHP/mySQL/HTML solution.

For your social networking icons: I don’t see why you want to change that. It looks good to me, the icons are nicely underneath each other, so a visitor has a nice straight line, his eyes can follow.
(Also, changing that is not too easy, as the HTML is a list with a link and an image in it, which are strongly connected.)

Regards,
Tobias

Thank you for all your help -:)

I asked my friend to send few to paypal, it’s not much but I am really grateful for all your help.

Thanks again !