Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Colour Navigators > Multi-Navigator > Nested Page 4 years 2 months ago #6260

  • rloenen
  • rloenen's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 94
  • Thank you received: 0
Is there a css script with which I can adjust the background of Navigators > Multi-Navigator> Nested Page?
Ronald

Please Log in or Create an account to join the conversation.

Colour Navigators > Multi-Navigator > Nested Page 4 years 2 months ago #6267

  • drlara
  • drlara's Avatar
  • Offline
  • New Member
  • New Member
  • Posts: 15
  • Thank you received: 9
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;
}

Please Log in or Create an account to join the conversation.

Last edit: by drlara. Reason: Fixed syntax of commenting lines

Colour Navigators > Multi-Navigator > Nested Page 4 years 1 month ago #6344

  • rloenen
  • rloenen's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 94
  • Thank you received: 0
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
Attachments:

Please Log in or Create an account to join the conversation.

Colour Navigators > Multi-Navigator > Nested Page 4 years 1 month ago #6345

  • drlara
  • drlara's Avatar
  • Offline
  • New Member
  • New Member
  • Posts: 15
  • Thank you received: 9
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;
}

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: alimcnronm
Time to create page: 0.049 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search