Remove Slider from Homepage?

To just remove the slider from the homepage but keep everything else, you could add this custom CSS:

.home #featured-content {
  display: none;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

Would this work for your needs? I’m not 100% sure I’m understanding what you’re after, so a link to your site with a little more clarification about what you’d like to keep could be helpful.

Hi –

Thanks for your reply.

I was hoping to find a way to remove the Flexslider javascript as I expect the site will have many visitors not using Javascript.

I am hoping to just tag the most recent post as “featured-content” and then find a way to have the theme display the image with the post title overlay, but without the arrows allowing you to navigate between posts.

If I just remove the call to the flexslider.js will that do it?

The site isn’t live, so I can’t provide a link. But for the sake of offering an example, on the demo site at:

https://untitleddemo.wordpress.com/

I would like to keep the image of the train and the post title (followed by the list of posts), but remove the Javascript arrows (and the call to the javascript) that allow for the slider to work.

Thanks again

I expect the site will have many visitors not using Javascript.

JavaScript is essential to so much web functionality these days I’m very curious as to why you think many visitors won’t have it enabled.

I was hoping to find a way to remove the Flexslider javascript

Rather than trying to dequeue the JavaScript and functions in this theme – which can start to get very complicated – simple tweak would be to simply hide the arrows on the slider:

.flex-direction-nav {
  display: none;
}

That would allow the first image in the slideshow to still appear, while removing the slider functionality itself.