Skip to main content
September 2, 2010
Question

How do I - change the background colour of the output HTML page

  • September 2, 2010
  • 4 replies
  • 6780 views

Captivate 5

I am publishing my project to html, but wish to change the background colour of the html page to match the projects colour scheme.

I can find no option in Captivate to do this, and it is always output as white = <body   bgcolor="#f5f4f1">

I change the colours used within captivate and change the html colour of the borders, or the captivate project background, but this does not effect the html page when published.

Is this possible?

At present I am having to manual amend the html to the colour of my choice.

    This topic has been closed for replies.

    4 replies

    Participant
    August 15, 2017

    Click on "Themes" in the top left corner.

    Select "Theme Colors"

    Then click on "Customize"

    You will want to change the color of the "Slide BG"

    Lilybiri
    Legend
    August 15, 2017

    @Nancy, sorry but that is not for HTML background at all. Did you eve read this article:

    Theme Colors - Captivate blog

    I have explored the Theme colors in depth, the color label seldom tells where that color is used.

    April 21, 2011

    I get the same problem. It seems you can change the colour once and it will always stay like that.

    Inspiring
    April 21, 2011

    What I ended up doing was manually editing the HTML, really annoying.

    Scott Mohnkern

    Participant
    November 23, 2010

    I'm having the same problem. Changing it on the Borders section of the Skin Editor does not seem to do anything. The only way I've been able to change it is by manually editing the project HTML file.

    Inspiring
    March 11, 2011

    I've encountered exactly the same problem.  Some projects take that background HTML color and use it, and others don't.   I can't find any rhyme or reason to it.

    Going in and manually editing the HTML resolves the issue, but that isn't particularly pretty.

    September 2, 2010

    On the top bar, go to Project > Skin Editor

    Then click on the "Borders" button (the button with a square on it).

    At the bottom, you'll see a place to select the HTML Background color.

    That should do the trick (it works fine for me).

    September 3, 2010

    Thanks for response, but it doesn't work for me

    It changes the borders html background colour, but makes no difference to the page html background colour when publishing to html.

    I didn't have any borders, so have tried adding borders to see if that made any difference, but it didn't. I still get a white web page with my project in the middle of it and a coloured bordered

    Captiv8r
    Legend
    September 3, 2010

    Hi there

    Can you post a screen grab of what you are seeing? The instructions Orange_Sean provided should have done the trick for you. Even though you aren't using Borders, it still should have changed the HTML background color. Unless we have unearthed a bug or something.

    Cheers... Rick

    Helpful and Handy Links

    Begin learning Captivate 5 moments from now! $29.95

    Captivate Wish Form/Bug Reporting Form

    Adobe Certified Captivate Training

    SorcererStone Blog

    Captivate eBooks