Setup post slider

[Alexander]

Hello,

I’m trying to setup post slider. But I have problem. I need to delete post borders, comment bulb, two stripes and read more link. I marked them in red.
Can I do it with weaver show sliders?
I have plus plugin.

Thank you.

[scrambler]

Do you want to keep these attributes on other posts (blog pages, single post page…) just not on the post slider, or you don’t want them for any posts?

And please provide a link to your site page with the post slider in place

[Alexander]

I don’t want them only in the slider.

Test site
https://lee.iconsultant.com.ua/ru/kursy-anglijskogo-yazyka-v-kieve

[scrambler]

The rules below placed in the Slider Custom CSS rule box (SLider option page)  should do it

.this-slider .entry-meta, .this-slider .entry-utility {border:none;padding:0;}
.this-slider .comments-bubble, .this-slider .more-link {display:none;}

The border/shadow around the whole slide should be removed using “Slider option” > Background borders options (0px and hide the border shadow)

[Alexander]

I tried but nothing happenned.

I turned off the border/shadow around the whole slide only.

[scrambler]

Are you sure the rules are in the SLider Custom CSS box, not the theme Global custom CSS Box, because I don’t see the rule being present.

Also, do you have any other CUstom CSS In that box, if so can you move the rule to the top in case you have some syntax errors.

Also try to use !important

.this-slider .entry-meta, .this-slider .entry-utility {border:none !important;padding:0 !important;}
.this-slider .comments-bubble, .this-slider .more-link {display:none !important;}

 

[Alexander]

Yes, I used SLider Custom CSS box and there are two rules only.

.this-slider .entry-meta, .this-slider .entry-utility {border:none !important;padding:0 !important;}
.this-slider .comments-bubble, .this-slider .more-link {display:none !important;}

[scrambler]

This reply has been accepted as the best answer.

Rules are still not in the slider CSS…

Make sure you are using the css box of the right slider and not another one, the one you should be putting these in is

slideposts-1

And make sure to clear all your caches (browser, plugin, service…)

If still nothing, remove the rules from the slider CSS box and placed the modified ones below in the Theme Global Custom CSS Rule box

#atwkslider-slideposts-1 .entry-meta, #atwkslider-slideposts-1 .entry-utility {border:none;padding:0;}
#atwkslider-slideposts-1 .comments-bubble, #atwkslider-slideposts-1 .more-link {display:none;}

[Alexander]

Second approach works, thank you.

One more thing. I see a small vertical line at the right from image from the next slide. Can I avoid it?

[scrambler]

I am not seeing anything

Your slides background and site background are white, so I am not sure what you area seeing.

May be try to elaborate

[Alexander]

It is appeared not at all display resolutions.

[Alexander]

It happens if I set border width to 0.

Thank you.

[scrambler]

This is probably due to the rule you added below to remove all margins

.atwkslider-slideposts .slide-content{margin:0px!important;}

Try adding a little left and right margin

.atwkslider-slideposts .slide-content{margin:0px 2px !important;}

By the way make sure you have a space between the property and !important…

 

[Alexander]

It works.

Thank you!

[Author]

Posts