Limit Height of Feed?
Permalink Browser Info Environment
Hello and thank you for your generous contribution to the Marketplace! I understand you can set a specific number of posts to display, but I need to know if it is possible to set a height parameter to the feed? I tried changing the CSS included in various permutations (for example: #tumblrfeed {float:left;position:absolute;height:600px;overflow:hidden;} )
but the feed still spills down the page beyond the div it is nested in.
Any help is greatly appreciated!
but the feed still spills down the page beyond the div it is nested in.
Any help is greatly appreciated!
| Type: | Discussion |
|---|---|
| Status: | New |
Hi, I don't usually provide support anymore for the plugin because I don't have the free time for it any more but I believe the problem you're having is due to the CSS you're applying. I'm not sure you can have something both floating and constraining its children with the CSS you described. I assume you'd like it to fit within a certain height but scroll inside that space you've given it? Do you have an example URL where I can see what you've done so far?
URL's sent via PM.
Ideal scenario would be to somehow mimic the <iframe> system that Facebook & Twitter allow for with easily set size parameters and a built in (vertical) scrollbar functionality.
Ideal scenario would be to somehow mimic the <iframe> system that Facebook & Twitter allow for with easily set size parameters and a built in (vertical) scrollbar functionality.
Hi Gregory,
Thanks for the URL and example of what you want to achieve. It makes providing a solution much easier. I think I accomplished what you are looking for with the addition of two rules in your CSS:
The numbers are a bit magic I'm afraid, but they seem to with what you showed me. Obviously they'd need tweaking if you changed the layout.
If you don't want the horizontal scroll bar, change the property from overflow to overflow-y instead.
Thanks for the URL and example of what you want to achieve. It makes providing a solution much easier. I think I accomplished what you are looking for with the addition of two rules in your CSS:
h2.tumblrfeed-main-title { height: 15px; } #tumblrfeed-breeannajudy { overflow: scroll; height: 535px; }
The numbers are a bit magic I'm afraid, but they seem to with what you showed me. Obviously they'd need tweaking if you changed the layout.
If you don't want the horizontal scroll bar, change the property from overflow to overflow-y instead.
Dude, seriously? That is AWESOME!!
I"m gonna play with the CSS a touch to try and fine-tune but that is amazing!
THANK YOU!!
I"m gonna play with the CSS a touch to try and fine-tune but that is amazing!
THANK YOU!!
I'm very pleased you like it ... please don't forget to rate the add-on if you are happy :D
Hey man - definitely will rate you highest marks!
Hopefully a quick question if you don't mind - I tried changing the CSS to to remove the horizontal scroll bar but it still appears. (?) I'm trying to...
1. remove the horizontal scroll bar
2. force a resize of the images that are being pulled from Tumblr as they seem to be only element that exceeds the preferred width of the div. The posts are showing up perfectly with the padding making them easy to read and set inside the div box just right. The pics though are "too wide" and not resizing or being properly "padded".
I'll keep looking around the web to try and figure it out, but if this is an easy fix you know of then I'm grateful for any further tutelage you can offer a newbie.
Hopefully a quick question if you don't mind - I tried changing the CSS to
overflow-y: scroll
1. remove the horizontal scroll bar
2. force a resize of the images that are being pulled from Tumblr as they seem to be only element that exceeds the preferred width of the div. The posts are showing up perfectly with the padding making them easy to read and set inside the div box just right. The pics though are "too wide" and not resizing or being properly "padded".
I'll keep looking around the web to try and figure it out, but if this is an easy fix you know of then I'm grateful for any further tutelage you can offer a newbie.
You can probably fix the horizontal scroll bar by also adding overflow-x: hidden;
As for the image sizes, yeah it's something a few people have asked about before. I'll take a look when I get the chance but I'm sure a carefully formed CSS rule should be able to adjust them ... Perhaps:
#tumblrfeed-breeannajudy img {
width: 400px;
}
I've not tested that though!
As for the image sizes, yeah it's something a few people have asked about before. I'll take a look when I get the chance but I'm sure a carefully formed CSS rule should be able to adjust them ... Perhaps:
#tumblrfeed-breeannajudy img {
width: 400px;
}
I've not tested that though!
Ask and ye shall receive...! That seems to work, brother! THANKS AGAIN!
Now time to go rank your great efforts... !
Now time to go rank your great efforts... !