Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 8, 2019 at 6:13 pm #1155084
    Mulholr1

    Hi folks,
    I’ve been trying to get the testimonials on my website styled similar to the one shown on the Enfold 2017 Demo and I am almost there but have hit a couple of snags.
    I have used the CSS below to try to style the sub-title, but whilst the font-size and font-weight values are working, the center alignment and color values are not working? (The sub-title is staying left aligned and the text color is still grey)
    .avia-testimonial-subtitle {
    text-align: center !important;
    font-size: 14px;
    font-weight: bold;
    color: #fff !important;
    }

    Also, can you advise how to reduce the height of the testimonial content area so that the Name & Sub-title fields are much closer to the testimonial content text? Currently there is quite a large space between them.

    Finally, is there way to stop the page “bouncing” when the testimonial slider rotates and there is a testimonial with slightly longer text content? In the demo it doesn’t bounce but that is because the Lorem Ipsum placeholder text is all very similar length in terms of word / character count. On live customer testimonials the text length will often vary and this is what causes the page to move as the testimonial slider rotates.

    In case it is needed I have included my wbsite URL and some login details in the private section.

    Many thanks in advance of your help.

    Ray

    November 11, 2019 at 4:17 am #1155467
    Nikko

    Hey Mulholr1,

    To fix the colors and alignment, add this css code:

    #top .avia-testimonial-subtitle {
    display: block;
    margin-top: 8px;
    opacity: 1;
}

    To reduce the space between testimonial content and name/subtitle:

    #top .avia-testimonial-meta-mini {
    margin-top: -32px;
}

    As for the bouncing effect, that only way to fix that is to set height to the testimonial slider via Quick CSS.

    Best regards,
    Nikko

    November 13, 2019 at 5:30 pm #1156451
    Mulholr1

    Hello Nikko

    Thank you very much for this – all of the css worked perfectly. Please feel free to close the topic.

    Thanks

    November 13, 2019 at 11:17 pm #1156579
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Testimonial Styling – Sub-Title Issue& Spacing Between Testimonal Content & Name’ is closed to new replies.