kevb8lly

Thanks for this. I am unfamiliar with the plugin – but this seems to answer what I need.

The problem is I can’t get the code to work. Where in the form does it go?

Sorry it’s probably a silly question but I can’t work it out.

• This reply was modified 4 years, 9 months ago by kevb8lly.

Sorry reading my initial message back, I’m not sure it’s clear what I mean.

Can the person making contact, have several subjects to choose from on the form and depending on that choice, the message is emailed to different email addresses.

I don’t want to put details here. How can I contact you directly?

I have succeeded by doing it differently.

No one know anything about this?

Durrrr!!!!

Sorry.

I’ve tried putting that code everywhere. The shadows work but the font colour doesn’t change.

Yeah the shadows are working, the font colour isn’t changing. Sorry I wasn’t clear. ??

Tried that on table 1. Font colour still not white. (It was before).

Ok Done that, looks better – however my shadowing text has now messed up.

Some are supposed to be white text with black shadow some vice versa and some with dark blue, none are showing.

Thoughts?

The full css:

/*global settings*/

.wp-table-reloaded {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important; /*border controlled by main template css line 1202*/

}

.wp-table-reloaded .column-1 {

vertical-align: middle !important;
  text-align: center !important;
font-size: 14px;

}

.wp-table-reloaded .column-2  {

vertical-align: top !important;
text-align: left !important;
font-size: 14px;

}

.wp-table-reloaded .column-3 {

vertical-align: middle !important;
text-align: left !important;
font-size: 14px;

}

/*table 1*/

.wp-table-reloaded-id-1 {
  background-image:url('/wp/wp-content/themes/comet_child/images/purple_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;

color: #000!important;
text-shadow: white 0.1em 0.1em 0.2em!important;

  border: solid 3px #87347b !important;
}
.wp-table-reloaded-id-1 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-1 td {
  background-color: transparent !important;
  border: solid 1px #87347b !important;
}
.wp-table-reloaded-id-1 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-1 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-1 .column-3 {
  width: 250px;
}

/*table 2*/

.wp-table-reloaded-id-2 {
  background-image:url('/wp/wp-content/themes/comet_child/images/blue_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #000000;
  text-shadow: black 0.1em 0.1em 0.2em;
  border: solid 3px #4e6ead !important;
}
.wp-table-reloaded-id-2 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-2 td {
  background-color: transparent !important;
  border: solid 1px #4e6ead !important;
}
.wp-table-reloaded-id-2 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-2 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-2 .column-3 {
  width: 250px;
}

/*table 3*/

.wp-table-reloaded-id-3 {
  background-image:url('/wp/wp-content/themes/comet_child/images/red_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #ffffff;
  text-shadow: black 0.1em 0.1em 0.2em;
  border: solid 3px #cb3a46 !important;
}
.wp-table-reloaded-id-3 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-3 td {
  background-color: transparent !important;
  border: solid 1px #cb3a46 !important;
}
.wp-table-reloaded-id-3 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-3 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-3 .column-3 {
  width: 250px;
}

/*table 4*/

.wp-table-reloaded-id-4 {
  background-image:url('/wp/wp-content/themes/comet_child/images/orange_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #123041;
  text-shadow: white 0.1em 0.1em 0.2em;
  border: solid 3px #d86434 !important;
}
.wp-table-reloaded-id-4 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-4 td {
  background-color: transparent !important;
  border: solid 1px #d86434 !important;
}
.wp-table-reloaded-id-4 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-4 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-4 .column-3 {
  width: 250px;
}

/*table 5*/

.wp-table-reloaded-id-5 {
  background-image:url('/wp/wp-content/themes/comet_child/images/yellow_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #123041;
  text-shadow: white 0.1em 0.1em 0.2em;
  border: solid 3px #ffdb1e !important;
}
.wp-table-reloaded-id-5 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-5 td {
  background-color: transparent !important;
  border: solid 1px #ffdb1e !important;
}
.wp-table-reloaded-id-5 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-5 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-5 .column-3 {
  width: 250px;
}

/*table 6*/

.wp-table-reloaded-id-6 {
  background-image:url('/wp/wp-content/themes/comet_child/images/green_bg75.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #123041;
  text-shadow: white 0.1em 0.1em 0.2em;
  border: solid 3px #85a852 !important;
}
.wp-table-reloaded-id-6 tr {
  background-color: transparent !important;
  border: none !important;
}
.wp-table-reloaded-id-6 td {
  background-color: transparent !important;
  border: solid 1px #85a852 !important;
}
.wp-table-reloaded-id-6 .column-1 {
  width: 300px;
}
.wp-table-reloaded-id-6 .column-2 {
  width: 150px;
}
.wp-table-reloaded-id-6 .column-3 {
  width: 250px;
}

Ok, the full image does work – I was looking at the wrong table! Durr.

The full image does look better, interestingly enough although it hasn’t fully fixed it – it looks a bit better, however the same rows are still slightly off.

Tried that, still no joy. The background image still applied to each cell too btw.

It seems to be a problem with the left side of the 1st row and last 2 rows. I’ve applied the above code to top / bottom / left / right.

https://www.m-g-pen.com/wp/products/gel-pen-page/

Only a problem with FF.

Just apply border like this you mean:

.wp-table-reloaded-id-1 {

border-left: solid 3px #87347b !important;
}

The trouble is, it adds it to all the left sides. I have 3 columns and 2 columns depending on which table and don’t want cell borders inside the table. Is there an “outside” command I can use?

I mean left border! Sorry mate.

I’ve made the images smaller, and that has sorted it – actually it looks better.

I have another problem though. In FF the right border isn’t being presented properly. Looks fine in Chrome and IE.

The code is the same for all tables, but with a different hex colour:

.wp-table-reloaded-id-1 .column-1 {

border-left: solid 3px #87347b !important;
}

.wp-table-reloaded-id-1 .column-3 {
border-right: solid 3px #87347b !important;
}

.wp-table-reloaded-id-1 .row-1 {
border-top: solid 3px #87347b !important;
}