HelixUltimate indent in tables Topic is solved

[domingoaz]

Hello.
Please help me to deal with the following css conflict in Helix Ultimate:
I want set the indent of the first line in the articles 30 pixels,
and indent first line in tables - 1 pixel.
When I simultaneously add in the custom css:
p { text-indent: 30px; } and
.article-details table td {border: 1px solid #d1d1d1; text-indent: 1px ; }
then all indents in the tables also become 30 pixels, and 1 pixel is required.
https://7promeniv.com.ua/index.php/lite ... rysmehist

[Pavel-ww]

Please help me to deal with the following css conflict in Helix Ultimate:

Hi. There is no conflict and has nothing to do with Helix. Only basic HTML/CSS knowledge.

Do not use <p></p> inside the table.

1.jpg

Or use

Code: Select all

[itemprop="articleBody"] > p {
	text-indent: 30px;
}

instead of p {text-indent: 30px;}

[domingoaz]

Thanks for the answer. However, I don't know how to do it (do not use <p></p> inside the table). I just use tinymce. There are many tables on the site and it is difficult to edit them manually through HTML. Is it possible to set this parameter somehow for all articles?

[domingoaz]

This issue occurred when I upgraded Joomla 3 to Joomla 4.

[Pavel-ww]

Is it possible to set this parameter somehow for all articles?

Yes. Replace your code with following

Code: Select all

.article-details p { 
    text-indent: 30px; 
} 
.article-details table td {
    border: 1px solid #d1d1d1; 
}
.article-details table p {
    text-indent: 1px;
}

[domingoaz]

Thanks a lot, it worked for all articles.