Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 28, 2021 at 2:25 pm #1307755
    franziskaivens

    Dear all,

    on our main page, we use the recommendation element to display 2 recommendations (incl. a picture and title/name of the person). Those recommendations are displayed next to each other but for some reason, the actual recommendation / text boxes dont align and seem to start on different heights.

    Has anybody else experienced this issue and can help?

    I look forward to your replies!

    Kind regards,
    Tabea

    June 29, 2021 at 7:23 am #1307872
    Nikko

    Hi franziskaivens,

    Thanks for giving us a link to your site.
    The code responsible for this issue is enfold-child > shortcodes > testimonials > testimonials.css (line 82-89)

    @media (min-width: 1280px) {
	.avia-testimonial .avia-testimonial-content {
		padding: 0 9px;
		position: absolute;
		left: 210px;
		bottom: 30px;
	}
}

    Please change bottom: 30px; to top: 0;

    Another solution without changing the testimonials.css in the child theme is:222
    Adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .avia-testimonial .avia-testimonial-content {
    top: 0;
    bottom: auto;
}

    Let us know if this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.