Hi,
How can I make the more stories leave the page?
At the moment in the theme panel there is the option for when to allow the more stories to come in (default 400px) but I want to have the option to remove it too -at present if you scroll to the bottom of the screen it blocks the third footer widget.
Thanks,
Martin
There is option to switch it OFF entirely in the theme panel (slide the <> slider to off). The “X” in the box is to remove it when viewing the page.
If you’re asking how to have it disappear before somebody has time to read it and click it to go to the story, that kind of defeats the purpose.
If you want to have a time delay to have it slide back out… like 7 seconds, you’d likely need to edit the CSS/Java for that element (Marius/Radu might have something for that).
If you don’t want it at all, simple to just turn it off. “Most” people now know the ‘X’ is to remove it (or “close”).
Hi Chris,
Thanks for your comment. Yes, I’m aware of the on/off possibility and of course users can close the box if they want, I would just think it’s not an unreasonable request to have it not obscure the footer.
The social share floating element I’m using (WPMU) for example (the development site is at martinmuir.com/blueventures/) has this option – you can set the height it stops at so it doesn’t cover footer content. Just seems to make sense to me 🙂
Anyway, like I say thanks for the comment – I’ve learned a lot from your replies on other threads and appreciate more than just the devs working to make the forums better 🙂
Cheers,
Martin
Hi, Martin
On one of our two sites, I did find it annoying that it covered up a box that said “featured items” … and thought about looking at the code to see how to change it to be “xx” from bottom. On other hand there are at least five news (BIG) sites I go to which have the same slider effect “in that spot,” and we used to have one done with DHTML on a custom theme which was an ad slider that would come out from left – but it was even more annoying.
So, after playing with it this week (I finally upgraded from 2x to 3x this past week, hence my showing up here again so often) I decided to just leave it. Since the “concept” is to “force” people to look at something to possibly click to another story, without leaving, if they scrolled past the “related” boxes, it does its job. I think if someone REALLY wants to see what is bottom right, then they’d close the box.
Actually, the other option I was pondering … was putting the logo and “about” box in col 3, so that only the footer logo gets covered.
Oh, and glad you’ve found some of my input useful. It’s my way of paying back for the 10 years of help I’ve gotten elsewhere by those “who came before” in trail breaking. Without the help of many others, I would not know all the semi-arcane things about WordPress I know now.
Now, if I can only figure out WHY my images are NOT enlarging in 3.6 to fit the large home slider left image or the featured category image. 20% size increase should happen, but not. (Sigh.)
Just giving this a little boost – maybe Marius or Radu have some thoughts on whether it’s possible to stop the ‘more stories’ covering the footer?
Thanks,
Martin
hi,
in : http://screencast.com/t/PeGVUjNb
change :
/**
* More stories box
*/
if(tds_more_articles_on_post_enable == "show") {
//adding event to scroll
jQuery(window).scroll(function(){
var cookie_more_box = td_read_site_cookie('td-cookie-more-articles');
//alert(cookie_more_box);
//setting distance from the top
if(!isNaN(parseInt(tds_more_articles_on_post_pages_distance_from_top)) && isFinite(tds_more_articles_on_post_pages_distance_from_top) && parseInt(tds_more_articles_on_post_pages_distance_from_top) > 0){
var set_distance = parseInt(tds_more_articles_on_post_pages_distance_from_top);
} else {
var set_distance = 400;
}
if (jQuery(this).scrollTop() > set_distance && cookie_more_box != 'hide-more-articles-box') {
jQuery('.td-more-articles-box').addClass('td-front-end-display-block');
} else {
jQuery('.td-more-articles-box').removeClass('td-front-end-display-block');
}
});
//adding event to hide the box
jQuery('.td-close-more-articles-box').click(function(){
//hiding the box
jQuery('.td-more-articles-box').removeClass('td-front-end-display-block');
jQuery('.td-more-articles-box').hide();
//cookie life
if(!isNaN(parseInt(tds_more_articles_on_post_time_to_wait)) && isFinite(tds_more_articles_on_post_time_to_wait)){
//setting cookie
td_create_cookie('td-cookie-more-articles', 'hide-more-articles-box', parseInt(tds_more_articles_on_post_time_to_wait));
}
});
}with this:
/**
* More stories box
*/
if(tds_more_articles_on_post_enable == "show") {
//adding event to scroll
jQuery(window).scroll(function(){
var cookie_more_box = td_read_site_cookie('td-cookie-more-articles');
//alert(cookie_more_box);
//setting distance from the top
if(!isNaN(parseInt(tds_more_articles_on_post_pages_distance_from_top)) && isFinite(tds_more_articles_on_post_pages_distance_from_top) && parseInt(tds_more_articles_on_post_pages_distance_from_top) > 0){
var set_distance = parseInt(tds_more_articles_on_post_pages_distance_from_top);
} else {
var set_distance = 400;
}
var scrollPosition = window.pageYOffset;
var windowSize = window.innerHeight;
var bodyHeight = document.body.offsetHeight;
var set_distance_from_the_bottom = Math.max(bodyHeight - (scrollPosition + windowSize), 0);
var set_distance_to_stop = 400;
if (jQuery(this).scrollTop() > set_distance && cookie_more_box != 'hide-more-articles-box') {
if (set_distance_from_the_bottom < set_distance_to_stop && cookie_more_box != 'hide-more-articles-box') {
jQuery('.td-more-articles-box').removeClass('td-front-end-display-block');
} else {
jQuery('.td-more-articles-box').addClass('td-front-end-display-block');
}
} else {
jQuery('.td-more-articles-box').removeClass('td-front-end-display-block');
}
});
//adding event to hide the box
jQuery('.td-close-more-articles-box').click(function(){
//hiding the box
jQuery('.td-more-articles-box').removeClass('td-front-end-display-block');
jQuery('.td-more-articles-box').hide();
//cookie life
if(!isNaN(parseInt(tds_more_articles_on_post_time_to_wait)) && isFinite(tds_more_articles_on_post_time_to_wait)){
//setting cookie
td_create_cookie('td-cookie-more-articles', 'hide-more-articles-box', parseInt(tds_more_articles_on_post_time_to_wait));
}
});
}http://screencast.com/t/zBEmdCdU4
Thanks for you message.
Radu A.
Great! thank you 🙂
Dear Tagdiv,
How to display the “more stories” only in the desktop version, but does not show to the mobile version? Because it is quite useful when access from a desktop computerin a computer, but rather annoying if it appears on the phone screen.
Thanks 🙂
Hi,
To remove the more stories box from mobiles you can sue this custom css in theme panel > custom css filed:
@media (max-width: 767px) {
.td-more-articles-box{
display:none;
}
}
Thanks
Hi,
Is there a way to show the More stories only when someone reach end of post, or lets say Related Articles or Author box area. The current settings is 400 px (Yes, I can change that) from top but it does not really help when you have articles of different lengths.
It would be great if we can show this box when people scroll down at the bottom so that this bar does not cover your important sidebar (where advertisement is placed).
I always kept it disabled but now I feel like using it if we have some way!
Any thoughts please
regards
Siraj
I second for this option to be displayed at specific post elements and/or percentage down the page. I have some articles that are 300 words and other that are 2,500 words. You don’t want your reader having a blaring sidebar coming from right field when they are in a middle of a read. Definitely consider it for a future update. Hope more people chime in with Siraj & me.
-Jesse M.
Hey! Any chance you have a solution to the distance-from-bottom?
It would be really something to us! We too have different length posts and we think is more common sense to show the recommendations when people is finishing the article.
So, we’d really appreciate a solution in this regard.
Thanks!
