Home Forums Weaver Show Posts & Show Sliders Setup post slider

Topic Resolution: Answered

This topic contains 13 replies, has 2 voices, and was last updated by  Alexander 2 weeks, 5 days ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #61473
    Answered

    Alexander
    Participant

    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.

    #61474

    scrambler
    Moderator

    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

    #61479

    Alexander
    Participant

    I don’t want them only in the slider.

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

    #61480

    scrambler
    Moderator

    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)

    #61481

    Alexander
    Participant

    I tried but nothing happenned.

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

    #61482

    scrambler
    Moderator

    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;}

     

    #61483

    Alexander
    Participant

    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;}

    #61486
    Best Answer

    scrambler
    Moderator

    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;}

    #61487

    Alexander
    Participant

    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?

    #61488

    scrambler
    Moderator

    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

    #61489

    Alexander
    Participant

    It is appeared not at all display resolutions.

    #61490

    Alexander
    Participant

    It happens if I set border width to 0.

    Thank you.

    #61491

    scrambler
    Moderator

    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…

     

    #61492

    Alexander
    Participant

    It works.

    Thank you!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.