[SevenKader]

For Blogger,blogspot, How to put blog posts in a scroll box for every single main post only, and not have it appear on the home page. When I apply this code

.post {
height:200px;
overflow:auto;
}

it works perfectly, but, it shows up on the home page posts, and I only want it to show up on single post pages. And I don't want to do it manually for every single post either by adding a code like

.scrollbox {
height:100px;
width:400px;
overflow:auto;
}

+

[code]<div class="scrollbox">TEXT TO BE INCLUDED IN THE SCROLLBOX.</div>[/code}

[andrewsw]

You could cheat: give the body tag of your home page an id 'homepage':

.post {
    height: 200px;
    overflow: auto;
}

#homepage .post {
    height: auto;
    overflow: hidden; /* or inherit perhaps */
}

This applies the height and overflow to all post elements, but then overrides it for the home page.

[SevenKader]

andrewsw, on 29 January 2013 - 08:18 AM, said:

You could cheat: give the body tag of your home page an id 'homepage':

.post {
    height: 200px;
    overflow: auto;
}

#homepage .post {
    height: auto;
    overflow: hidden; /* or inherit perhaps */
}

This applies the height and overflow to all post elements, but then overrides it for the home page.

It doesn't work ,

[andrewsw]

Quote

It doesn't work

Ah, well.

Just ran a quick test and it works for me!

This post has been edited by andrewsw: 29 January 2013 - 09:36 AM

[SevenKader]

andrewsw, on 29 January 2013 - 09:31 AM, said:

Quote

It doesn't work

Ah, well.

Just ran a quick test and it works for me!

May I attach the template, and you try it in blogger with that template and tell me if it works?

[andrewsw]

Quote

May I attach the template, and you try it in blogger with that template and tell me if it works?

I don't use blogger; maybe someone else does.

If you gave the body tag the id I mentioned, and created the css-rules, then it should work. If not then:

There is another css-rule somewhere that is over-ruling the ones you've just defined; or,
The blogger-framework is over-writing your attempt to customize it.

It would be easier if you provided a link to your page.

This post has been edited by andrewsw: 29 January 2013 - 10:06 AM

[SevenKader]

andrewsw, on 29 January 2013 - 10:05 AM, said:

Quote

May I attach the template, and you try it in blogger with that template and tell me if it works?

I don't use blogger; maybe someone else does.

If you gave the body tag the id I mentioned, and created the css-rules, then it should work. If not then:

There is another css-rule somewhere that is over-ruling the ones you've just defined; or,
The blogger-framework is over-writing your attempt to customize it.

It would be easier if you provided a link to your page.

http://thelyricgames.blogspot.com/ There, that's my testing page!~

[andrewsw]

In your linked page the body doesn't have an ID and the rule for .post says height: 600px;. So I can't see where you have made the changes that I mentioned.

[SevenKader]

andrewsw, on 29 January 2013 - 10:29 AM, said:

In your linked page the body doesn't have an ID and the rule for .post says height: 600px;. So I can't see where you have made the changes that I mentioned.

I did, but since it didnt work I was trying something else to fix it
Here.s where's I'm making the changes now

http://fusedlyrics.blogspot.com/

instead of #homepage it's #main-wrapper , and i changed it to 600 because thats the size I want on the main posts only

[rajdeep01]

1 .post {
2 height:200px;
3 overflow:auto;
4 }