Different css for different pages
css
Solution
I would suggest, put an ID into your home page like,
`<body id="home">` and other ids for other pages
Now the CSS changes would be
/* on home page, it should appear like this */
#home #box {
background: green;
width:200px; height:100px;
}
/* on other pages, it should appear like this */
#others #box {
background: red;
width:200px; height:200px;
}
Problem
I have a blog on Blogger and have some widgets. I was wondering that is it possible that a widget is displayed differently on a homepage as compared to rest of the pages? For example a box ``` /* on home page, it should appear like this */ #box { background: green; width:200px; height:100px; } /* on other pages, it should appear like this */ #box { background: red; width:200px; height:200px; } ```