Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2022 at 4:33 am #1349327
    navindesigns

    Live Site – http://balrajt9.sg-host.com/local-services/

    Mockup – https://ibb.co/Rh2hNBK

    I need help with the following in the Testimonial Slider section

    1- Justify the testimonial text
    2- Right align the Name and Subtitle below name
    3- Move right and left arrow to the center and change color to #ed8a00
    4- Add large quote icon/image . I added the image to my dashboard – http://balrajt9.sg-host.com/wp-content/uploads/2022/04/quote.png
    5- Add dots at the bottom of testimonial

    Thanks in advance

    April 28, 2022 at 4:48 pm #1349848
    Mike

    Hey navindesigns,
    Thank you for your patience and for the link to your site, I added this css to your Quick CSS:

    #top #main .av-large-testimonial-slider .avia-testimonial_inner {
  padding-top: 60px;
  padding-left: 30px;
  margin: 5px;
  background-image: url(https://balrajt9.sg-host.com/wp-content/uploads/2022/04/quote.png);
  background-position: top left;
  background-repeat: no-repeat;

}
#top #main .av-large-testimonial-slider .avia-testimonial-content p {
	text-align: justify;
}
#top #main .av-large-testimonial-slider .avia-testimonial-meta-mini,
#top #main .av-large-testimonial-slider .avia-testimonial-name,
#top #main .av-large-testimonial-slider .avia-testimonial-subtitle {
	text-align: right;
	float: right;
	width: 100%;
	margin: 0;
}
#top #main .av-large-testimonial-slider .avia-testimonial-meta {
	width: 100%;
	margin: 0;
}

    for this result:
    2022-04-28_001.jpg
    please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2022 at 3:49 am #1349897
    navindesigns

    This is great Mike!

    One last change, is is possible to move the right and left arrows to be vertically centered like the mockup?

    April 29, 2022 at 10:57 am #1349940
    Nikko

    Hi navindesigns,

    Please add this CSS code as well:

    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    top: 50%;
    margin-top: -30px;
}

    Best regards,
    Nikko

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