Blog, Website & Page Publishing

ABoutoille
Miembro

Table color issue

resolver

Hi community!

 

I have issues changing the color of the table lines. On the editor, I put it white and it appears white.

ABoutoille_0-1632854828800.png

 

But when doing a preview or when published, the lines are still black no matter if I changed it in the editor...

 

ABoutoille_1-1632854887452.png

 

 

Any tips for me?

 

Thank you so much in advance!

Alison

 

Thanks you so much!

Alison

 

1 Soluciones aceptada
rlopez
Solución
Asesor destacado

Table color issue

resolver

Hi @ABoutoille 🙂

 

Thanks for sharing the URL. As I can see, table borders are set ok, but not cell borders. In the main.css file, you have this code:

 

th, td {
    border: 1px solid #000;
    padding: .75rem;
}

 

You have two options:

  • Edit main.css and change the colour code
  • Edit main.css, add a new class for this table and assign the class to the table

One another approach could be to set the table border style to hidden or set the table border with to 0 value. You can do this in the rich text editor.

 

I expect you can solve your problem soon. If you have any more questions, I'm here waiting for your news.

 

Regards,


[ Si esta publicación te ha ayudado con tu problema ayuda a la comunidad marcándola como solución ]
[ If this response helped you, please mark it as a solution ]

Rafael López
Head of Marketing
Odontonet by Glintt


HubSpot Community Champion

linkedininstagram

Ver la solución en mensaje original publicado

5 Respuestas 5
ABoutoille
Miembro

Table color issue

resolver

Hi Rafael,

 

Thanks a lot for answering! Yes, here it is: http://citystack.hubspotpagebuilder.com/-temporary-slug-1142941e-43cb-4a03-9e5b-0ea65139fbd5

 

Alison

 

rlopez
Solución
Asesor destacado

Table color issue

resolver

Hi @ABoutoille 🙂

 

Thanks for sharing the URL. As I can see, table borders are set ok, but not cell borders. In the main.css file, you have this code:

 

th, td {
    border: 1px solid #000;
    padding: .75rem;
}

 

You have two options:

  • Edit main.css and change the colour code
  • Edit main.css, add a new class for this table and assign the class to the table

One another approach could be to set the table border style to hidden or set the table border with to 0 value. You can do this in the rich text editor.

 

I expect you can solve your problem soon. If you have any more questions, I'm here waiting for your news.

 

Regards,


[ Si esta publicación te ha ayudado con tu problema ayuda a la comunidad marcándola como solución ]
[ If this response helped you, please mark it as a solution ]

Rafael López
Head of Marketing
Odontonet by Glintt


HubSpot Community Champion

linkedininstagram
ABoutoille
Miembro

Table color issue

resolver

Hi Rafael,

 

That is perfect, thank you so much!

rlopez
Asesor destacado

Table color issue

resolver

Great!!

 

If the response helped you, please mark it as a solution. It could be helpful for more people in the future.

 

Regards,


[ Si esta publicación te ha ayudado con tu problema ayuda a la comunidad marcándola como solución ]
[ If this response helped you, please mark it as a solution ]

Rafael López
Head of Marketing
Odontonet by Glintt


HubSpot Community Champion

linkedininstagram
rlopez
Asesor destacado

Table color issue

resolver

Hi @ABoutoille 🙂

 

Do you have published any URL with this issue? 

 

Regards,


[ Si esta publicación te ha ayudado con tu problema ayuda a la comunidad marcándola como solución ]
[ If this response helped you, please mark it as a solution ]

Rafael López
Head of Marketing
Odontonet by Glintt


HubSpot Community Champion

linkedininstagram