Make text clickable

Hi,

thanks for your post, and sorry for the trouble.

You don’t need the Extension, you’ll just have to insert a regular link. For that, just click the “Insert Link” button below the table and follow the instructions. You will be asked to provide the link address and the link text (“check price” in your case). Then, the dialog will create the necessary HTML code for you.

Changing fonts can be done with CSS code. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress th,
.tablepress td {
  font-family: Verdana;
}

Regards,
Tobias

Hi,

note that you could also copy/paste the HTML code for a link, i.e.
<a href="https://example.com/">Link text</a>

Regards,
Tobias

Thank you very much. Both answers helped me a lot.

In addition:

My table looks so: https://www.ilovecoffeesomuch.com/category/french-press-coffee-makers/

– I want to change the colour of table header into any kind of brown
– I want to have “check price” like here https://10beasts.com/best-wireless-routers/ … (with my colour)

How can I do this?

Hi,

changing the header row color is possible with CSS code. Please see https://tablepress.org/faq/change-background-color-table-head-row/ for an example.

That “Check Price” is a simple HTML link, which you can create using the “Insert Link” button. It then has some CSS styling to achieve the color switch, like

.tablepress-id-123 a {
  color: #ff0000;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tablepress-id-123 a:hover {
  color: #00ff00;
}

Regards,
Tobias

Thank you. I have changed header color successfully.

But I realized quite late, that It would be better to change the color of complete table, however with different color.

So what do I need to add, in addition to current:

.tablepress thead th,
.tablepress tfoot th {
background-color: #CD853F;
}

Thank you in advance.

Hi,

please see https://tablepress.org/faq/change-color-alternating-rows/ for examples on how to change the table body rows.

Regards,
Tobias

One additional question:

I use EasyAzon as Amazon affiliate link plugin.

When trying to make link for one product, I got two options:

[easyazon_link identifier=”B00DUHACEE” locale=”US” tag=”xlovexxx-20″]SterlingPro French Coffee Press 8 Cup (1 liter, 34 oz), Chrome[/easyazon_link]

[easyazon_cta align=”none” identifier=”B00DUHACEE” key=”small-light” locale=”US” tag=”xlovexxx-20″]

Two questions:

1. How can I insert any of those two links into your table?
2. How can I make this link showed as “check price” only?

Thank you in advance.

• This reply was modified 7 years, 10 months ago by lojze.

Hi,

for that, the first Shortcode should be easier. Just add it to a table cell. To change text, change SterlingPro French Coffee Press 8 Cup (1 liter, 34 oz), Chrome to Check Price.

Regards,
Tobias

Hi,

cool, that’s good to hear!

Best wishes,
Tobias

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!