{"action":"created","issue":{"url":"https://api.github.com/repos/rstudio/rmarkdown/issues/531","labels_url":"https://api.github.com/repos/rstudio/rmarkdown/issues/531/labels{/name}","comments_url":"https://api.github.com/repos/rstudio/rmarkdown/issues/531/comments","events_url":"https://api.github.com/repos/rstudio/rmarkdown/issues/531/events","html_url":"https://github.com/rstudio/rmarkdown/issues/531","id":111139679,"number":531,"title":"ioslides_presentation ignores custom css option","user":{"login":"icarvalhosa","id":10206455,"avatar_url":"https://avatars.githubusercontent.com/u/10206455?v=3","gravatar_id":"","url":"https://api.github.com/users/icarvalhosa","html_url":"https://github.com/icarvalhosa","followers_url":"https://api.github.com/users/icarvalhosa/followers","following_url":"https://api.github.com/users/icarvalhosa/following{/other_user}","gists_url":"https://api.github.com/users/icarvalhosa/gists{/gist_id}","starred_url":"https://api.github.com/users/icarvalhosa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/icarvalhosa/subscriptions","organizations_url":"https://api.github.com/users/icarvalhosa/orgs","repos_url":"https://api.github.com/users/icarvalhosa/repos","events_url":"https://api.github.com/users/icarvalhosa/events{/privacy}","received_events_url":"https://api.github.com/users/icarvalhosa/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-10-13T09:15:39Z","updated_at":"2015-10-13T19:06:18Z","closed_at":null,"body":"I am trying to customise the slides using css. However, ioslides seems to be ignoring whatever I put into the css file. \r\n\r\nThe YAML is : \r\n\r\n```\r\n---\r\noutput: \r\n  ioslides_presentation: \r\n    css: styles.css\r\n    widescreen: true\r\n---\r\n```\r\n\r\nI would like to change the hyperlink and header color for example with css:\r\n\r\n```\r\na {\r\n  color: red;\r\n  text-decoration: none;\r\n  border-bottom: 1px solid rgba(42, 124, 223, 0.5);\r\n}\r\n\r\nh2 {\r\n  font-size: 45px;\r\n  line-height: 65px;\r\n  letter-spacing: -2px;\r\n  color: #0000FF;\r\n}\r\n```\r\n\r\nHow can make ioslides use my style.css instead of the default without messing with the default css?\r\nI would like to also change the iframe size when embeded in slides. Any suggestions on how i can do that?\r\n\r\nThanks a lot. :)"},"comment":{"url":"https://api.github.com/repos/rstudio/rmarkdown/issues/comments/147815990","html_url":"https://github.com/rstudio/rmarkdown/issues/531#issuecomment-147815990","issue_url":"https://api.github.com/repos/rstudio/rmarkdown/issues/531","id":147815990,"user":{"login":"yihui","id":163582,"avatar_url":"https://avatars.githubusercontent.com/u/163582?v=3","gravatar_id":"","url":"https://api.github.com/users/yihui","html_url":"https://github.com/yihui","followers_url":"https://api.github.com/users/yihui/followers","following_url":"https://api.github.com/users/yihui/following{/other_user}","gists_url":"https://api.github.com/users/yihui/gists{/gist_id}","starred_url":"https://api.github.com/users/yihui/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yihui/subscriptions","organizations_url":"https://api.github.com/users/yihui/orgs","repos_url":"https://api.github.com/users/yihui/repos","events_url":"https://api.github.com/users/yihui/events{/privacy}","received_events_url":"https://api.github.com/users/yihui/received_events","type":"User","site_admin":false},"created_at":"2015-10-13T19:06:17Z","updated_at":"2015-10-13T19:06:17Z","body":"It works for me. Can you show a screenshot of your slide that didn't work? If you open the slides in Google Chrome, you can right-click on a hyperlink, Inspect Element, and see the styles applied to it. Then you will know if your styles are really applied, or overridden by other stylesheets.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/163582/10465264/8e3b71cc-71b3-11e5-8015-974fcf4f3323.png)\r\n\r\n\r\nFor `iframe`, I don't think there is anything special about it.\r\n\r\n```css\r\niframe {\r\n  width: specify_your_width_here;\r\n  height: ...;\r\n}\r\n```"}}