Hello, not sure if this can be done, but I would like to change the way the ‘Load More’ button looks. I would like it to be a block that runs across the blog post area, like this:
http://oi60.tinypic.com/j6r1uc.jpg
If anyone can help me, it would be greatly appreciated.
Hi,
Please try this custom css in Theme Panel > Custom Css and change the color how you need: http://screencast.com/t/xdHFtOJfjC
.td-load-more-wrap a {
color: white;
background-color: rgba(0, 0, 255, 0.59);
padding: 5px;
}
.td_ajax_load_more .td-icon-menu-down {
display: none;
}
Thanks!
EDIT: This is exactly how I want it, not sure if this helps:
Thank you Alin, that worked! Let’s say I wanted to make the button go across the blog content area, larger, what would I add?
Hi,
Please try this custom css for this: http://screencast.com/t/BYhUfaE9b9
.td-load-more-wrap {
color: white;
background-color: rgba(0, 0, 255, 0.59);
padding: 10px;
}
.td_ajax_load_more {
margin-bottom: 0px !important;
}
.td_ajax_load_more .td-icon-menu-down {
display: none;
}
Thanks!
That helped a lot! Last couple questions following this up:
1. How can I increase the “Load More Stories” text?
2. I wanted to background black and the text white, how would I achieve this?
3. How do I add some padding between the load more button and the footer?
Also can I past the code in the style sheet instead of the custom code area?
Hi,
You can try this custom css and change it how you need: http://screencast.com/t/GY0bzybhf
.td-load-more-wrap .td_ajax_load_more {
font-size: 20px;
color: #ffffff;
margin-bottom: 0px!important;
padding: 10px;
}
.td-load-more-wrap {
background-color: #222222;
}
.td_ajax_load_more .td-icon-menu-down {
display: none;
}Thanks!
Hey Alin, that seemed to do the trick, only one thing:
How do I increase the space between the “Load More” and footer? Here is an image pointing to the area (white) I want to increase: http://tinypic.com/r/2w4k7eg/8
Hi,
Please provide your site’s URL as we need to inspect it to provide an accurate solution for this.
Thanks
Hello, here is the URL: http://www.sneakerfiles.com/oncourt/
Hi,
Please try this custom css: http://screencast.com/t/X4nJJjVdL
.home .td_block_5 .td-load-more-wrap {
margin-bottom: 10px;
}
Thanks!
