This discussion is archived
7 Replies Latest reply: Aug 14, 2012 11:32 AM by 314582 RSS

Remove page backgroud.

877544 Newbie
Currently Being Moderated
Hi all,
When i create a new blank page it always has background.
How can i remove it?
  • 1. Re: Remove page backgroud.
    ngsankar Journeyer
    Currently Being Moderated
    are you creating a new page with any page template? you try to select blank instead of any page template,
    Yes by default it will give you white background, you can override the same with your own css file,
  • 2. Re: Remove page backgroud.
    877544 Newbie
    Currently Being Moderated
    Hi ngsankar,
    Thanks for your reply.
    I create a new blank page, not any template.
    But it not white background.
  • 3. Re: Remove page backgroud.
    Imran Mirza Explorer
    Currently Being Moderated
    Hi Ariyatotle,

    Can you explain your issue with little bit more detail?

  • 4. Re: Remove page backgroud.
    877544 Newbie
    Currently Being Moderated
    Hi Imran Mirza,

    I create a jspx page in WebCenter Portal Application as a blank page.
    After create i add it to page hierachy and run application without doing anything to this page.
    when it executed it isn't white whole the page. It was gradient form white at the top to light blue at the bottom.
    How can i do it to white whole page?


    Edited by: Ariyatotle on ๑๖ ก.ค. ๒๕๕๕, ๑๕:๒๐ น.
  • 5. Re: Remove page backgroud.
    MaximeCarrier Newbie
    Currently Being Moderated

    I have a simple and fast solution. I don't know if it is the best one, but it works for me:

    In your blank page, give a styleClass name to your af:document:

    <af:document id="d1" styleClass="backColor" >

    And then, use it in your css file by default, portal-skin.css, type these lines:

    background-color: #FFFFFF;

    The color is changed to white by CSS!

    Hope it will help ;)

    PS: With that, all the pages that have the styleclass name "backColor" will be white, so you can choose which of them you want to have this color :)

    Edited by: Maxime Carrier on Jul 16, 2012 10:44 AM
  • 6. Re: Remove page backgroud.
    877544 Newbie
    Currently Being Moderated
    Hi Maxime Carrier,
    Thanks for your reply it work very well ,but still gradient with the new color.
  • 7. Re: Remove page backgroud.
    314582 Newbie
    Currently Being Moderated
    The default skin has an entry for including both a background color and a background image for the af|document style selector. You can override this by adding in the following to the default portal-skin.css:


    This should remove the image and set the background to white. As a tip, for help in debugging skin styles, set in the web.xml the following context-params:


    This will enable you to see, in firebug for example, the true style class name and not the compressed name.


  • Correct Answers - 10 points
  • Helpful Answers - 5 points