We're merging with GenerateBlocks! Learn more here.

[Support request] Hide bottom dots and define color for carousel arrows

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Hide bottom dots and define color for carousel arrows

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #29139
    Joao
    Participant

    Hi again,

    I followed this topic https://wpshowposts.com/support/topic/add-arrow-to-carousel-and-hide-dots/#post-10712 and the snippet did it. But the css did not 🙁

    Also, when adding:

    .wp-show-posts .slick-next:before,
    .wp-show-posts .slick-prev:before {
    color: white!important;
    }

    Also, a black line appear on botton of the carousel post.

    I tried several times and I believe I was sucessful once but then it stopped working (could it be something related to GP Version 2.0.?)

    Joao

    #29169
    elvin
    Moderator

    Hi there,

    Can you link us to the site in question to check?

    You can send the link through the contact page if you wish to keep it private: https://wpshowposts.com/contact/

    #29296
    Joao
    Participant

    Hi Elvin,
    I just did; you can check the link to the site. Also added user and pwd.
    Thank you.
    Joao

    #29320
    elvin
    Moderator

    Thanks.

    The black line you see is from a box shadow.

    Your site has this CSS:

    .wp-show-posts-inner {
        box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
    }

    If you wish to keep it but not for the carousel WPSP list, try adding this CSS:

    .slick-slider .wp-show-posts-inner {
        box-shadow: none;
    }

    For the buttons, try this CSS:

    #wpsp-557 button.slick-next.slick-arrow, 
    #wpsp-557 button.slick-prev.slick-arrow {
        color: white;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.