New Landing How can we help? Cardinal testimonial slider – change the height?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Cardinal
  • #110486
    lbdesign
    Member
    Post count: 136

    I can’t figure out how to change the height of the testimonial slider pagebuilder element using CSS. There are so many selectors… We want to make it narrower in height.
    We also want to hide the centered quotation mark, which I was able to do with this CSs, but maybe there is a better way?

    .ss-quote {
    display: none!important;
    }

    Can you help me figure out what selectors to use to make it about 40% less tall overall, without making the text content disappear? We are just using a plain red background on it with white type.

    Thank you.

    There is one other thing — we want to add a background graphic element (a ghosted quote mark), off center to the left of the box, in the background. I realize that’s a lot to ask, but while you are in there, if it’s not too much and you can tell me what the best selectors would be to attach a discrete image to, to appear behind the quote (not a full-screen image), that’d be great! Thanks again.

    #110648
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us your specific url page? It will be easier to work on top of that.
    You can send it through private reply if necessary.

    -Rui

    #110776
    lbdesign
    Member
    Post count: 136

    Sure. I’m testing the site/theme here:
    http://learnfromyourlife.com/ss7/#

    You will see a red band with the testimonials halfway down the page.

    BTW, I assigned a custom class to the row container but not sure if that’s even the right thing to target. That custom class name is “richard-quote”

    #110780
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add the code below to the custom css options.

    
    .spb_testimonial_slider_widget .spb-asset-content {
    padding-top: 1px!important;
    padding-bottom: 0px!important;
    }
    
    

    -Rui

    #110799
    lbdesign
    Member
    Post count: 136

    Thank you, that is great!

    Do you have any suggestions about the desire to add a floating background image behind the quote, positioned in the left third of the container? Is there a particular div that we could attach an image to?

    #110830
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Unfortunately not sorry, that would require some additional code, and may be quite tricky. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resources:

    https://codeable.io

    Home

    http://www.microlancer.com

    Hope that helps.

    – Kyle

    #167865
    linacastaneda
    Member
    Post count: 2

    When height is changed to 0 the icon of the quotes ” is too close to the edge, can you help with padding solutions?

    plantedinmiami.com

    #167932
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .spb_testimonial_slider_widget .testimonial-icon{
    padding-top:10px !important;
    }

    Thanks
    Mohammad

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register