Modify Infinite Scroll CSS Impossible

  • Resolved jennifer2010

    (@jennifer2010)


    8 years, 2 months ago

    Pulling my hair out trying to modify the infinite scroll button.

    FireFox identifies the “OLDER POSTS” button as #infinite-scroll span

    I add this to my style.css file to override it. It does not work. It says it’s pulling it from jetpack.css

    Opening jetpack.css “Don’t directly modify this file. It uses individual css files for each module”. So of course I edit EVERY SINGLE CSS FILE in the infinite-scroll module and upload/replace them. Does it work? No! I have cache disabled.

    I can’t for the life of me figure out why it’s still pulling the outdated css styling unless for whatever reason jetpack is caching itself. I tried disabling/enabling both the module and the jetpack plugin itself.

    Any help is appreciated, as I’m about to commit blasphemy and edit that fricken jetpack.css file DIRECTLY!

    https://wordpress.org/plugins/jetpack/

Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    8 years, 2 months ago

    Editing jetpack.css is indeed not a good idea, as your changes will be overwritten in the next Jetpack update. Editing other CSS files in the plugin wouldn’t help, as these files are concatenated into jetpack.css.

    To customize the Infinite Scroll button, I’d recommend using the following CSS:

    #infinite-handle span button {
    /* Your custom CSS here */
}

    I hope this helps. If you continue to experience issues, don’t hesitate to post your site URL here. If you tell me more about what you’d like to change, I’ll be happy to help.

    If you want your site URL to remain private, you can also contact us via this contact form:
    http://jetpack.me/contact-support/

Viewing 1 replies (of 1 total)
  • The topic ‘Modify Infinite Scroll CSS Impossible’ is closed to new replies.

Tags