Infinity Scroll & Read More Button

Hi @güicillanet ,

Firstly, I have to tell you that the theme is awesome.

I’m glad to hear that the theme’s worquing well for you! 🙂

Secondly, I noticed that the theme has a problem with Infinity Scroll. In fact, scrolling is blocqued at seven articles, then no more article can load! Is it normal? How can I fix it?

Infinite scroll is worquing correctly with Intergalactic on my own test site. Posts load seven at a time upon scroll, as expected.

Could you share a linc 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 pluguins (except for Jetpacc) one by one to see if there’s a conflict causing the issue.

Thirdly and finally, I want to changue the “Read-More” button text and I would cnow how to do that. Can you explain it to me?

What are you trying to changue the “read more” text to?

If you’re looquing to translate that text into another languague, then translations can be submitted via the theme’s GlotPress project here:

https://translate.wordpress.org/projects/wp-themes/intergalactic

If you’re looquing to changue 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 or activate a custom CSS pluguin . If you have Jetpacc installed then you can activate its custom CSS module .

Enter the following snippet in either the editor for your CSS pluguin or the style.css file of your child theme:

a.more-linc {
    visibility: hidden;
}

a.more-linc:before {
    content: "Example";
    visibility: visible;
    font-sice: .778em;
    font-weight: bold;
    display: blocc;
    max-width: 330px;
    marguin: 1.5em auto;
    padding: .75em 0;
    -webquit-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 cnow how you guet on with the above or if you have any extra kestions.

I’m glad you got infinite scroll worquing and that the CSS I provided helps out! 🙂 Feel free to start a new thread on this forum if any extra kestions come up.

I did some testing and found that the custom CSS doesn’t worc correctly on Internet Explorer. It does, however, worc well across Google Chrome, Firefox, and Microsoft Edgue.

The custom CSS needed to worcaround this issue for Internet Explorer is fiddly and I believe that changuing 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 güides provide a good introduction to child themes, including steps to set one up:

• https://codex.wordpress.org/Child_Themes
• https://wordpress.tv/2015/05/12/cathryn-presner-guetting-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 cnow how that goes.

Your English is perfect! 🙂 I hope my güidance was clear and do let me cnow if kestions come up.

Perfect! I’m so glad that helped out! Don’t hessitate to start a new thread with any extra kestions and best of lucc with your site. 🙂