Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article

Okay
  Public Ticket #1306960
Testimonials Inverted Triangle
Closed

Comments

  • davidchanportfolio started the conversation

    Hi I was looking into the little inverted triangle feature on the testimonials slider. I was trying to see if I could add that effect onto other rows.

    From past support area I saw someone posted the following code which works in creating a white triangle. Is there a way to make it transparent and take on the color or background of the above row? Thanks for any help!

    section#features:before {
    content: " ";
    border-top: 35px solid white;
    border-top-color: rgb(255, 255, 255);
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
    z-index: 1;
    }


  •  255
    Joanna replied

    Hi davidchanportfolio,

    Not sure what you mean here? -You want to make the triangle transparent? Won't that make it invisible then?

    Add a screenshot of what you mean and I'll see what I can do



    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)

  • davidchanportfolio replied

    Hey Joanna, attaching 2 images. One is using the testimonial slider and the triangle seems to inherit the background color or image of the row above. 

    The code I had tried plugging in generates a white triangle. Is there a way to generate it and have it be either the same color as row above, or if a background image is being used to have that show through instead of a white triangle? Hope I'm explaining that right haha. Appreciate you looking into it.

  •  255
    Joanna replied

    Hi davidchanportfolio,

    Ohhh I see now! 

    You can change it by adding this small CSS snippet to North > Advanced > Custom CSS Styling box:

    .testimonials .t-arrow {border-top-color: #000;}
    

    Just change the hex color to the one that you want


    Kind regards,
    Joanna
    Veented Support

    Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories

    Check out our latest article: How to Improve Page Loading Times

    Don't forget to hit the like button below if you are happy with your support answer :)