Support » Plugin: Strong Testimonials » Styling Issues & Responsive

  • Resolved melanie71

    (@melanie71)


    Hello! Hoping you can help me with a couple of styling issues here https://hunter.bantergroup.com.au/in-their-words/

    I’ve used Custom CSS to change most things I need to, but can’t work out how to:
    1. Create padding around the entire testimonial (within the block)
    2. Remove the fine border that is appearing – I just need a solid color block.

    Also wondering if it’s possible to switch to single column for portrait tablet, rather than only mobile?

    Thanks!
    Melanie

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support mplusb

    (@mplusb)

    Hello @melanie71,

    Thank you for reaching out to us!
    1 & 2 please add this code in Appearance > customize > Additional CSS:

    .strong-view.wpmtst-default .wpmtst-testimonial-inner {
    	padding: 45px;
    	border: none;
    }

    3.

    @media screen and (max-width: 800px) {
    .strong-content.strong-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    } 
    }

    Warmly,
    Mihaela

    • This reply was modified 2 years, 2 months ago by mplusb.
    Thread Starter melanie71

    (@melanie71)

    Thanks Mihaela

    I really appreciate your reply. Unfortunately the code to switch to one column on mobile doesn’t appear to have had any affect. Any ideas what might be going wrong?

    And with regards to hiding the border, strangely it is working in Firefox https://pasteboard.co/J5cc8cC.jpg but in Chrome I can still see borders on some side around some blocks – not sure what to make of that one! https://pasteboard.co/J5ccspf.jpg

    Hoping you might be able to help.

    Regards
    Melanie

    Plugin Support mplusb

    (@mplusb)

    Hi @melanie71,

    Please replace the initial code I sent with this one:

    @media screen and (max-width: 800px) {
    body .strong-content.strong-columns.columns-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    } 
    }

    Regarding the border, I checked on Chrome as well and there are no borders on the testimonials.
    Could you please clear you cache and try again?

    Warmly,
    Mihaela

    Thread Starter melanie71

    (@melanie71)

    Thank you!

    Plugin Support mplusb

    (@mplusb)

    It was a pleasure!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Styling Issues & Responsive’ is closed to new replies.