Title: Infinity Scroll & Read More Button Last modified: November 19, 2016 --- # Infinity Scroll & Read More Button * [g.cqd](https://wordpress.org/support/users/guizillanet/) * (@guizillanet) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/) * Hello the team! * Firstly, I have to tell you that the theme is awesome. * Secondly, I noticed that the theme has a problem with Infinity Scroll. In fact, scrolling is blocked at seven articles, then no more article can load! Is it normal? How can I fix it? * Thirdly and finally, I want to change the “Read-More” button text and I would know how to do that. Can you explain it to me? * Thanks for your fast support (I hope)! Viewing 9 replies - 1 through 9 (of 9 total) * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8463775) * Hi [@guizillanet](https://wordpress.org/support/users/guizillanet/), * > Firstly, I have to tell you that the theme is awesome. * I’m glad to hear that the theme’s working well for you! 🙂 * > Secondly, I noticed that the theme has a problem with Infinity Scroll. In fact, > scrolling is blocked at seven articles, then no more article can load! Is it > normal? How can I fix it? * Infinite scroll is working correctly with Intergalactic on my own test site. Posts load seven at a time upon scroll, as expected. * Could you share a link to your site so that I can see that problem there for myself and help you troubleshoot? * As a first step: I recommend deactivating each of your plugins (except for Jetpack) one by one to see if there’s a conflict causing the issue. * > Thirdly and finally, I want to change the “Read-More” button text and I would > know how to do that. Can you explain it to me? * What are you trying to change the “read more” text to? * If you’re looking to translate that text into another language, then translations can be submitted via the theme’s GlotPress project here: * [https://translate.wordpress.org/projects/wp-themes/intergalactic](https://translate.wordpress.org/projects/wp-themes/intergalactic) * If you’re looking to change the text to something else entirely, the the most straightforward approach would be to use some custom CSS. * To add custom CSS: Firstly [set up a child theme](https://codex.wordpress.org/Child_Themes) or [activate a custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css). If you have [Jetpack](https://jetpack.com) installed then you can activate [its custom CSS module](https://jetpack.com/support/custom-css/). * Enter the following snippet in either the editor for your CSS plugin or the style. css file of your child theme: * ``` a.more-link { visibility: hidden; } a.more-link:before { content: "Example"; visibility: visible; font-size: .778em; font-weight: bold; display: block; max-width: 330px; margin: 1.5em auto; padding: .75em 0; -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; transition: .3s all ease-in-out; text-align: center; text-transform: uppercase; color: white; border: 2px solid white; } ``` * In the above snippet, replace “Example” with the text you wish to display alongside the button. * Let me know how you get on with the above or if you have any extra questions. * Thread Starter [g.cqd](https://wordpress.org/support/users/guizillanet/) * (@guizillanet) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8472789) * Thanks for your quick reply. * Don’t worry about my loading problem. I fixed it. It came from my older caching plugin. I changed it. * Then, you entirely understood what I want. I’ll take your CSS code and integrate it to my child-theme. * I really thank you for your efficient support. * NB : I will use your advices on [http://www.guizilla.net](http://www.guizilla.net) and fio.guizilla.net. Don’t hesitate to leave your opinion in anyway. * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8472852) * I’m glad you got infinite scroll working and that the CSS I provided helps out! 🙂 Feel free to start a new thread on this forum if any extra questions come up. * Thread Starter [g.cqd](https://wordpress.org/support/users/guizillanet/) * (@guizillanet) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8472895) * About the CSS code for the button… It works on mobile version but not on PC and I don’t really understand why… An idea ? * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8472994) * I did some testing and found that the custom CSS doesn’t work correctly on Internet Explorer. It does, however, work well across Google Chrome, Firefox, and Microsoft Edge. * The custom CSS needed to workaround this issue for Internet Explorer is fiddly and I believe that changing the wording via the theme’s underlying code will be more straightforward in the long run. * The first step to do this is for you to set up a child theme. * In case you’re unsure, the following guides provide a good introduction to child themes, including steps to set one up: - [https://codex.wordpress.org/Child_Themes](https://codex.wordpress.org/Child_Themes) - [https://wordpress.tv/2015/05/12/kathryn-presner-getting-comfortable-with-child-themes/](https://wordpress.tv/2015/05/12/kathryn-presner-getting-comfortable-with-child-themes/) * After you have completed that step, copy the parent’s **content-home.php** file to your child theme’s directory and then open it in your favourite text/code editor. * Locate the following code, which will appear twice, in that file: * `__( 'Read more %s', 'intergalactic' ),` * Replace “Read more” with the text you wish to display in the above pieces of code. * Let me know how that goes. * Thread Starter [g.cqd](https://wordpress.org/support/users/guizillanet/) * (@guizillanet) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8474200) * Thanks for all. I won’t have any time to do this for a moment, so I will notify you when it will be done. * Sorry for my langage, I’m not really good in English. * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8474239) * Your English is perfect! 🙂 I hope my guidance was clear and do let me know if questions come up. * Thread Starter [g.cqd](https://wordpress.org/support/users/guizillanet/) * (@guizillanet) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8475147) * Your guidance was perfect, so you can see changes now. You should see “VOIR LA GALERIE” on Guizilla.net and “LIRE CET ARTICLE” on fio.guizilla.net. And, I think it works on IE too. * So, if you’re interested in photography, don’t hesitate to subscribe to my newsletter on Guizilla.net. * My problems are resolved. Thanks to you ! * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8477181) * Perfect! I’m so glad that helped out! Don’t hesitate to start a new thread with any extra questions and best of luck with your site. 🙂 Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Infinity Scroll & Read More Button’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/intergalactic/1.3.2/screenshot. png) * Intergalactic * [Support Threads](https://wordpress.org/support/theme/intergalactic/) * [Active Topics](https://wordpress.org/support/theme/intergalactic/active/) * [Unresolved Topics](https://wordpress.org/support/theme/intergalactic/unresolved/) * [Reviews](https://wordpress.org/support/theme/intergalactic/reviews/) ## Tags * [infinity scroll](https://wordpress.org/support/topic-tag/infinity-scroll/) * [read more button](https://wordpress.org/support/topic-tag/read-more-button/) * 9 replies * 2 participants * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/) * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/infinity-scroll-read-more-button/#post-8477181) * Status: not resolved