Styling Issues & Responsive

  • Resolved melanie71

    (@melanie71)


    6 years, 1 month ago

    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)
  • Miha

    (@mplusb)

    6 years, 1 month ago

    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 6 years, 1 month ago by Miha.
    Thread Starter melanie71

    (@melanie71)

    6 years, 1 month ago

    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

    Miha

    (@mplusb)

    6 years, 1 month ago

    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)

    6 years, 1 month ago

    Thank you!

    Miha

    (@mplusb)

    6 years, 1 month ago

    It was a pleasure!

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

The topic ‘Styling Issues & Responsive’ is closed to new replies.