{"action":"created","issue":{"url":"https://api.github.com/repos/silexlabs/Silex/issues/252","labels_url":"https://api.github.com/repos/silexlabs/Silex/issues/252/labels{/name}","comments_url":"https://api.github.com/repos/silexlabs/Silex/issues/252/comments","events_url":"https://api.github.com/repos/silexlabs/Silex/issues/252/events","html_url":"https://github.com/silexlabs/Silex/issues/252","id":60386852,"number":252,"title":"One page arranges stuff different than all others","user":{"login":"blauer","id":11161755,"avatar_url":"https://avatars.githubusercontent.com/u/11161755?v=3","gravatar_id":"","url":"https://api.github.com/users/blauer","html_url":"https://github.com/blauer","followers_url":"https://api.github.com/users/blauer/followers","following_url":"https://api.github.com/users/blauer/following{/other_user}","gists_url":"https://api.github.com/users/blauer/gists{/gist_id}","starred_url":"https://api.github.com/users/blauer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/blauer/subscriptions","organizations_url":"https://api.github.com/users/blauer/orgs","repos_url":"https://api.github.com/users/blauer/repos","events_url":"https://api.github.com/users/blauer/events{/privacy}","received_events_url":"https://api.github.com/users/blauer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-03-09T18:17:42Z","updated_at":"2015-03-10T23:53:33Z","closed_at":null,"body":"Hi!\r\nI made a site based on one of the templates. Everything worked fine, but as i was adding stuff to it, one page suddenly behaved strangely. It's longer than the others, menu links do not work, some stuff shows up twice.. \r\nMaybe one can have a look on it, i don't know what to do.\r\n\r\n\r\n\r\n<bountysource-plugin>\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/9370732-one-page-arranges-stuff-different-than-all-others?utm_campaign=plugin&utm_content=tracker%2F672465&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F672465&utm_medium=issues&utm_source=github).\r\n</bountysource-plugin>"},"comment":{"url":"https://api.github.com/repos/silexlabs/Silex/issues/comments/78174124","html_url":"https://github.com/silexlabs/Silex/issues/252#issuecomment-78174124","issue_url":"https://api.github.com/repos/silexlabs/Silex/issues/252","id":78174124,"user":{"login":"lexoyo","id":715377,"avatar_url":"https://avatars.githubusercontent.com/u/715377?v=3","gravatar_id":"","url":"https://api.github.com/users/lexoyo","html_url":"https://github.com/lexoyo","followers_url":"https://api.github.com/users/lexoyo/followers","following_url":"https://api.github.com/users/lexoyo/following{/other_user}","gists_url":"https://api.github.com/users/lexoyo/gists{/gist_id}","starred_url":"https://api.github.com/users/lexoyo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lexoyo/subscriptions","organizations_url":"https://api.github.com/users/lexoyo/orgs","repos_url":"https://api.github.com/users/lexoyo/repos","events_url":"https://api.github.com/users/lexoyo/events{/privacy}","received_events_url":"https://api.github.com/users/lexoyo/received_events","type":"User","site_admin":false},"created_at":"2015-03-10T23:53:33Z","updated_at":"2015-03-10T23:53:33Z","body":"To set a different background size, there is this trick. It is temporary because it will be made easier in the next version of Silex\r\n\r\nPut this in the script editor\r\n```javascript\r\n$(window).load(function() {\r\n    // list all pages from the head section and open the 1st one by default\r\n    var firstPageName = null;\r\n    var currentPageName = null;\r\n    var pages = $('a[data-silex-type=\"page\"]');\r\n    if (pages && pages.length>0){\r\n        var firstPage = pages[0];\r\n        firstPageName = firstPage.getAttribute('id');\r\n    }\r\n    // the current page name as css class on the body\r\n    function applyCssPageName() {\r\n        if(currentPageName) {\r\n            // remove previous page\r\n            $('body').removeClass(currentPageName);\r\n        }\r\n        var newPageName = location.hash.substr(location.hash.indexOf('#!') + 2);\r\n        if (!newPageName) newPageName = firstPageName;\r\n        console.log(newPageName);\r\n        $('body').addClass(newPageName);\r\n        currentPageName = newPageName;\r\n    }\r\n    $( window ).bind( 'hashchange', function() {\r\n        applyCssPageName();\r\n    });\r\n    applyCssPageName();\r\n});\r\n```\r\n\r\nAnd this in the CSS editor - replace `page-X` and `page-Y` by page names (this is what appears in the URL when you click on the links, do not forget the `.` before the page names), and `50px` by the size you want.\r\n```css\r\n.page-X .background {\r\n    height: 50px !important;\r\n}\r\n.page-Y .background {\r\n    height: 50px !important;\r\n}\r\n```\r\n\r\nIt will work only outside of the editor (preview)"}}