Featured image is not centered properly

  • Resolved audissey

    (@audissey)


    1 year, 9 months ago

    First, thank you for making such a great plugin available for free! I have a slideshow displaying one testimonial at a time using the ‘Modern’ template. On desktop displays everything looks fine, with all text and the featured image center aligned. But on mobile view, the featured image shifts just a bit to the left. Would appreciate any help to identify what I am doing wrong. Thanks again!

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

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

  • Hi @audissey,

    This happens because of the quotes, which pushes the image a bit more left.

    To fix it, please add this code in Appearance > Customize > Additional CSS:

      @media screen and (max-width: 480px) {
.strong-view.wpmtst-modern .wpmtst-testimonial-content::after {
  width: 100%;
} }

    Warmly,

    Mihaela

    Thread Starter audissey

    (@audissey)

    Hi Mihaela,

    Thank you very much for looking into this. I added the CSS in the customizer, but it doesn’t seem to have made a difference…

    I don’t mind making the quotes a little smaller (if you tell me how!). Maybe then the image won’t shift so much…

    Can you please try it like this instead:

      @media screen and (max-width: 800px) {
.strong-view.wpmtst-modern .wpmtst-testimonial-content::after {
  width: 100% !important;
} }
    Thread Starter audissey

    (@audissey)

    That centered the image, but now the quotes are above and below the testimonial text when in mobile view, which looks a little strange. Is there a way to hide the quotes in mobile view?

    Sure thing! Please add this code:

      @media screen and (max-width: 800px) {
.strong-view.wpmtst-modern .wpmtst-testimonial-content::after, .strong-view.wpmtst-modern .wpmtst-testimonial-content::before {
  display: none !important;
} }
    Thread Starter audissey

    (@audissey)

    Thank you so much! When you have some time, please let me know if it’s possible to make the quotes a little smaller and if so how.

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

    .strong-view.wpmtst-modern .wpmtst-testimonial-content::before, .strong-view.wpmtst-modern .wpmtst-testimonial-content::after {
	width: 20px;
	height: 20px;
}

    Warmly,

    Mihaela

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Featured image is not centered properly’ is closed to new replies.