[Plugin: WP-Table Reloaded] Using an Image as a Cell background

Hi Kev,

that looks good to me, so I assume that there’s something interfering. If you post the URL to the page with the table, I’ll try to find out what that might be.

Regards,
Tobias

Ok I want the background image to apply to cell r1 c1 on this page.

I am using a child theme called Child Theme for Comet under the main theme called comet.

If you need more info let me know.

Kev

Hi,

thanks for the URL. The problem is indeed the address of the image, which needs to be longer. Please try again with

.wp-table-reloaded-id-2 .row-1 .column-1 {
   background: url('/wp/wp-content/themes/comet_child/images/blue_bg.png') !important;
}

Regards,
Tobias

Thanks Tobias, that’s it with an absolute link, I’d like to use relative links though because the site is being sorted in the WP folder but I will be moving it to the main domain and I don’t want to have to edit links.

You know the additional css that I’ve added in the settings of your plug in? Where is that file? I will then work out how many directories “up” I need to go before getting to my images folder. I can then do a relative link.

Thanks for your support, I wish other plug in authors were so attentive.

Kev

Another question.

I would like the background image in each cell. I have tried the following to get it to show in each cell on row 1:

.wp-table-reloaded-id-2 .row-1 column-1, .wp-table-reloaded-id-2 .row-1 column-2,  .wp-table-reloaded-id-2 .row-1 column-2 {

background-image:url('/wp/wp-content/themes/comet_child/images/blue_bg.png');
background-repeat:no-repeat;
background-size:100% 100%;

}

However it’s not showing. Am I declaring the cell array incorrectly. (It works fine with just row-1 column-1 without tthe other two declarations.

My bad – I missed the “.” in front of the column – working now. ??

I’d still appreciate advice with the relative linking though.

Thanks.

Kev

Hi,

great that you found that the . was missing. Sometimes it’s the tiny things ??

About the URLs: This is tricky here. Actually, the long URL that I suggested in my code is a “root relative” URL, so the domain name won’t influence this. I can however see that “wp” subfolder could cause trouble for you later. Not, unfortunately, changing this to a real relative URL is not possible, as the code is not located in a CSS file to which we can “go relative”. Instead, the CSS code is always in the actual document (check via “View Source” in your browser), and that’s why real relative URLs won’t work.
If you really want those, you will need to add the “Custom CSS” to a file, e.g. to your theme’s “style.css”.

Regards,
Tobias

Ahh I see. I need to finish the site before I decide. I may well just leave as is and edit out the extra directory after I move the site.

Thanks again for your help.

Kev

Hi,

yes, that’s going to be the easiest solution.

Best wishes,
Tobias