Colour Navigators > Multi-Navigator > Nested Page

  • rloenen
  • Onderwerp Auteur
  • Offline
  • Premium lid
  • Premium lid
Meer
6 jaren 6 maanden geleden #6260 door rloenen
Is there a css script with which I can adjust the background of Navigators > Multi-Navigator> Nested Page?
Ronald

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
6 jaren 6 maanden geleden - 6 jaren 5 maanden geleden #6267 door drlara
Beantwoord door drlara in topic Colour Navigators > Multi-Navigator > Nested Page
I was able to change the background colour of a tabbed multinavigator page by using the CSS code below. Having the multinavigator page selected, I clicked on "Styles" from the "Optional Properties" column and entered the CSS code there. It doesn't work for "columns" though.

/*Changes background colour of "Page Text" section*/
#pageContents{
background:yellow;
}
/*Changes background colour of "Nested Pages" sections (except "columns")*/
#infoHolder, .ui-accordion-content{
background:red;
}
Laatst bewerkt 6 jaren 5 maanden geleden door drlara. Reden: Fixed syntax of commenting lines

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • rloenen
  • Onderwerp Auteur
  • Offline
  • Premium lid
  • Premium lid
Meer
6 jaren 5 maanden geleden #6344 door rloenen
Beantwoord door rloenen in topic Colour Navigators > Multi-Navigator > Nested Page
Hi drlara

I have inserted your sample script, but I see no effect. See the attachment.
What am I doing wrong or what have I forgotten?
And ... I can insert an image here instead of a color
Bijlagen:

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
6 jaren 5 maanden geleden #6345 door drlara
Beantwoord door drlara in topic Colour Navigators > Multi-Navigator > Nested Page
Hi,
The issue is with the syntax of the commenting lines. The CSS code shouldn't use the double forward slashes, so the first line is breaking the code. You should use the following syntax for the comment lines or you can remove them entirely. Also, you don't need to create a "<div>" container for the nested page, it's already created by Xerte.

/*Changes background colour of "Page Text" section*/
#pageContents{
background:yellow;
}
/*Changes background colour of "Nested Pages" sections (except "columns")*/
#infoHolder, .ui-accordion-content{
background:red;
}

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Moderators: ronmalimcn
Tijd voor maken pagina: 0.871 seconden
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo