kkellish

this is exactly what I’m looking to do but can’t figure out how I identify the 3 text widgets independently that I’m using to put a different link on each header???

email sent. Thank you so much for still dealling with me ??

That worked, borders are now gone. I moved it to the real site but now for some reason it looks fine in IE, but in FF the rows don’t line up. The picture sits above the row in the second column. I’d show the url but my client doesn’t allow it public until approval. I was thinking it was a padding issue, that didn’t change, changed the sizes of the pics, that didn’t fix it. Is there a way to change the table size to automicatically switch depending on the persons screen size? and/or format the table itself to hold smaller? It must just be too wide to fit in their template. I have tried adding:

table.wp-table-reloaded-id-3 .column-2
{
	width: 150px;
}

but it didn’t do the trick. I usually have IE issues not FF so this is a first for me. any ideas?

I tried changing the table id incl but still no fix. I threw it live quick for you to see…I was kind of working on it in the background until I could get this fixed. here’s the link: https://stupidworld.net/?page_id=272

I warned you I’m no coder ?? I made these changes with no fix yet, I still get a grey border around the table:

.wp-table-reloaded {
	background-color:#ffffff;
	font: Icon;
        border: none!important;
        cellspacing="0";
}
.wp-table-reloaded th {
	background-color:#ffffff;
	border: none!important;
        padding:4px;
}
.wp-table-reloaded td {
	color:#666666;
	border: none!important;
        padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td{
	background-color:#ffffff;
}
.wp-table-reloaded .header {
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#ffffff;
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#ffffff;
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

I’ve been trying to hide the borders too. I’ve been changing the colors and even added border-collapse with no solution. I’m no coder I admit it but hopefully you can help me fix this. My current CSS is:

.wp-table-reloaded {
	background-color:#ffffff;
	margin:10px 0px 15px 0px;
	font: Icon;
border: 1px Solid ThreeDShadow;
background: Window;
color: WindowText;
border-collapse: collapse;
}
.wp-table-reloaded th {
	background-color:#ffffff;
	padding:4px;
}
.wp-table-reloaded td {
	color:#666666;
	padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td{
	background-color:#ffffff;
}
.wp-table-reloaded .header {
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#ffffff;
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#ffffff;
	background-image:url(https://stupidworld.net/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}