CSS to resize multiple Views

  • Resolved Eoinb

    (@eoinb)


    4 years, 4 months ago

    Hi
    I’m using the card template on a number of pages.
    I wish to make the width about 90% wide, But it looks as if the shadow is cut off, and the testimonials are set to scroll horizontal – but there appears to butt up against each other – no space between them.

    The CSS Ive used is :

    .strong-view-id-38.wpmtst-card,.strong-view-id-39.wpmtst-card,
    .strong-view-id-40.wpmtst-card,.strong-view-id-41.wpmtst-card
    .wpmtst-testimonial-inner
    {
    width: 90%;
    margin: 0 auto;
    }

    .strong-rating span.star::before {
    height: 16px;
    }

    Any help in making it look better = greatly appreciated.
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @eoinb ,

    Thank you for reaching out to us!

    Can you please describe the problem better?
    Please send me a screenshot of what you would like it to look like?

    Please let me know if you have questions.

    All the best,
    Marian

    Thread Starter Eoinb

    (@eoinb)

    Hi Marian,
    Its just that at the moment the edges of the card template are cut off – you only see part of the shadow. I’d like each card to fit cleanly within the space.
    I’m just looking for a way to reduce the card visually to around 90%.

    I tried with the code I supplied above but it doesn’t look right. The card is being chopped at the edges.

    If you look at the sample page you will see what I mean.
    Thanks
    Eoin

    Hi @eoinb,

    Please add this code in Appearance > Customize > Additional CSS:

     .strong-view.wpmtst-card .wpmtst-testimonial.t-slide {
    padding: 0 20px;
}

    Warmly,
    Mihaela

    Thread Starter Eoinb

    (@eoinb)

    Thanks Mihaela

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS to resize multiple Views’ is closed to new replies.