Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No background color? #106

Open
menzzana opened this issue Sep 11, 2015 · 4 comments
Open

No background color? #106

menzzana opened this issue Sep 11, 2015 · 4 comments

Comments

@menzzana
Copy link

Hi

Thanks for a very nice tool for making presentations.
Although I am trying to change the background, which does not seem to work?

I use the following custom.css, with just standard default installation

article {
background-color: light-blue;
}
article h1 {
color: red;
}

In this case I get "This is a test" in red as it should be, but background is still white?
I use hieroglyph 0.7.1.
What am I missing?

With kind regards
Henric

@AlbertMietus
Copy link

Hi

There are a few options, why you css-code fails to color your slides

(1) Which slide_theme are you using?
The css-selectors for slides and slides2 are different …

For ‘slides’, the ‘article’ is fine, but for slides2 (the google IO one) ’slide’ (no s!) is needed/used

  1. Just article is/can be (too) short.
    Then standaard css files have a lot of predefined setting, for all kind of situations. That imply those selectors are long, and so can overrule your simple, but short one

I use “.slides > article.current” to set (the color of the) current slide. And some other prefixes for others
See the code example below

.slides > article.far-past,
.slides > article.past,
.slides > article.next,
.slides > article.far-next { background-color: light-blue; }
.slides > article.current { background-color: rgb(90%,95%,90%); }

Good luck

On 11 Sep 2015, at 11:15, Henric Zazzi [email protected] wrote:

Hi

Thanks for a very nice tool for making presentations.
Although I am trying to change the background, which does not seem to work?

I use the following custom.css, with just standard default installation

article {
background-color: light-blue;
}
article h1 {
color: red;
}

In this case I get "This is a test" in red as it should be, but background is still white?
I use hieroglyph 0.7.1.
What am I missing?

With kind regards
Henric


Reply to this email directly or view it on GitHub #106.

--Groetjes
ALbert Mietus
Send prive mail to: Albert @ Mietus . NL
Don't send spam mail!
http://albert.mietus.nl http://SoftwareBeterMaken.nl

@menzzana
Copy link
Author

This is just a test so its only all default values, meaning I am using the slides theme, not slide2, and wanted to change the background according to https://github.com/nyergler/hieroglyph/blob/master/docs/getting-started.rst
"Styling your slides"
I thought that it would change the background of all slides in the presentation, but no effect could be seen. Also tried adding your ....
.slides > article.current { background-color: rgb(90%,95%,90%); }

but to no avail...

I have actually a follow up question, since what I wanted to do is create a slide, which would be a background to all other slides in the presentation, like a master slide. Is that possible?

@AlbertMietus
Copy link

This (master slides) would be a great feature. But it's not available as far as I know.

@noboruatkek
Copy link

"light-blue" is not in 140 color names mentioned in http://www.w3schools.com/colors/colors_names.asp.
I replaced "light-blue" with "LightBlue" in my custom.css, then my slides reflect new setting.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants