Pages: 1
Print
Author Topic: CSS selector for nested topic titles  (Read 1201 times)
Bilderberg
Member

Posts: 4


« on: March 04, 2020, 09:29:46 AM »

XMetal Author Enterprise 14.0
Binary#: 14.0.0.053
Installer#: 14.0.082


I've modified ditabase-derived.css to alter the WYSIWYG view in XMetal. However, I can't figure out how to select a topic title that is nested three deep i.e. a subtopic in a subtopic in a topic.

I've tried the following, and many variations, to no avail:

[class~="topic/topic"]>[class~="topic/topic"]>[class~="topic/topic"]>[class~="topic/title"]
   font-size: 15pt;
}
Logged
nhu1
Administrator
Member

Posts: 7


« Reply #1 on: March 04, 2020, 06:43:33 PM »

Hi,

Please modify ...\DITA\XACs\1.3\ditabase\ditabase-derived-override.css

I tried following,

[class~="topic/topic"] > [class~="topic/title"] {
    color: green;
}
[class~="topic/topic"] > [class~="topic/topic"] > [class~="topic/title"] {
    color: maroon;
    font-size: 30px;
}
[class~="topic/topic"] > [class~="topic/topic"] > [class~="topic/topic"] > [class~="topic/title"]
{
    color:red;
    font-size: 40px;
}

Regards,

Ning
Logged
Bilderberg
Member

Posts: 4


« Reply #2 on: March 05, 2020, 02:41:50 AM »

Thanks, Ning! It worked perfectly.

It turned out I had a syntax error.
Logged
Pages: 1
Print
Jump to: