Change single table border color on blog page through HTML editor

Store Design
1

Hi,

Into a blog page,

I’d like to have tables with white borders, in order match with the background so they will appear invisible.

But i need to do only with some of them, so i want to avoid the css whole modification.

Is it possible to achieve it through the html editor inside the same blog page I’m working on?

Immagine4.jpg
Immagine4.jpg755×118 12.4 KB

This is how the HTML code of the table looks like inside the blog page


| test<br><br><br> <br><br><br> | <br><br><br> <br><br><br> |
| - | - |

and this is how it looks like into the preview

Cattura3.JPG
Cattura3.JPG1025×265 31.9 KB

So what can I add into the HTML editor on that table script?

Thanks in advance

2

@dmwwebartisan

do you have any advice, please?

3

@Annavittoria

I am not sure about it but I will check and get back to you.

4

@Annavittoria

I checked and found that unfortunately it can’t be done only using the editor.

5

@dmwwebartisan

understood! thanks for your help and time on this matter

is it possible then to do a css code modification that affect the tables only on the blog pages?

Because i use tables in different sections and I don’t want to apply such customization in all tables on my site

Obviously any other suggestion on how to achieve that is appreciated :slightly_smiling_face:

thanks in advance

6

@Annavittoria

Yes, you can add the following CSS code for the blog page only.

.article table {
width: 100%;
border-collapse: collapse;
border: 1px solid black;
}

Let me know if this works.

Thanks!

7

@dmwwebartisan

No, seems to not working

added like this

111.JPG
111.JPG546×243 15.6 KB

for easier reference, i’ve published a test article so you can see it by yourself

https://www.pianodgirls.com/blogs/blog/test

8

@Annavittoria

I corrected, add the following code. Remove old one.

.template-article table {
width: 100%;
border-collapse: collapse;
border: 1px solid black;
}
9

@dmwwebartisan

changed, but still looks pink

10

@Annavittoria

Remove old code and add this new one.

.template-article .rte table td{
width: 100%;
border-collapse: collapse;
border: 1px solid black;
}

Hope this works.

Thanks!

11

@dmwwebartisan

that’s the one!!!

But first they looked black, so i slightly changed it to this, because I want to be invisible or match with the background (that is white for now!)

.template-article .rte table td{
width: 100%;
border-collapse: collapse;
border: 1px solid white;
}

Thank you very much as always for your support!!!

Great job and patience