javascript – How to remove this slide automatically from blog posts?



I want to remove this slide from the posts, but if I remove any tags from the scripts, related to the slide's images, all the photos disappear… I reduced the blog as much as I could and all the javascripts present when removed they modify the such a slide…

But that's not the only problem. If you click to read the full post, you'll see that I've colored a part of the post, and it's all structured in a different way (and in this case the way I want it to be), but the auto-summary modifies the post and puts the auto slide. If I delete this piece of code for example:

expr:id=’"summary" +’ style=’display:none;’

The post stays the way I want it to be and gives it its original shape, let's say… But by doing that I would be missing the 'Read More'… And I've already tried to add it separately but it never works, because it's already in javascript, and if I remove it, everything inside the posts will disappear…

There are some parts of javascript that when I remove it the slide even stops, but the photos are all big and the text is formatted the way javascript sends and it doesn't give a shape that I edited… Like this one:

// Homepage Slider and Gallery Slider
    lazyLoad: 'ondemand',
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 5000,
    prevArrow: '<button type="button" class="slick-nav slick-prev"><i class="fa fa-angle-left"></i></button>',
    nextArrow: '<button type="button" class="slick-nav slick-next"><i class="fa fa-angle-right"></i></button>'

I removed element by element from javascript but instead of removing one thing, it erases everything… And some don't even happen. And my hands are tied… Please help me, give me a light, a tip, anything… I've been trying for days, and nothing I do helps me reach a conclusion. Is it possible to remove the slide from the posts… ? if not, how can I remove this 'read more' and add it to another template without it?

As I know that I might not have explained it right… I'll summarize a little… I don't want the slide and the text to be formatted the way javascript asks, I want the text to be the same when it is clicked on 'Read More', except I want this to happen before read more is clicked.


For the 'slick' function to exist in your script, you needed to reference a script that is a slide plugin. So one of the things you're going to do is remove the reference to this plugin from your page, to avoid making the page more cluttered. Next you'll remove all that code you pasted in the description, under //Homepage Slider and Gallery Slider.

Usually these plugins work with a list of images marked as invisible in the style and then the plugin changes their visibility at runtime. If that's the case, you'll take the images inside the tag that the class is 'post-gallery' and remove the styles that make them invisible.

Scroll to Top