Okay
  Public Ticket #3372625
Testimonial styles
Closed

Comments

  •  30
    lumpy5000 started the conversation
    May 17, 2023 at 5:32pm

    Hello. I am trying to style the Testimonials (minimal) to look like my design. I am not seeing any additional settings in Salient for colors, font styles, etc, beyond the main font style, which I have found in the Typography tab. But it does not allow to change the color, or change the font and color of the name under the quote. I would also like to change the color of the arrows. I would also like to remove the numbering under the testimonials (1/2, 2/2, etc). Can this all be done with CSS? Thank you. Please see screenshot for what I am trying to achieve. 

    Attached files:  Screen Shot 2023-05-17 at 1.27.17 PM.png

  •   lumpy5000 replied privately
  •  8,839
    Tahir replied
    May 18, 2023 at 10:42am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .testimonial_slider[data-style="minimal"] .controls {
    display: none !important;
}
body .testimonial_slider blockquote span.testimonial-name {
    font-family: 'Open Sans' !important;
    color: #7bc14e !important;
}
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after {
    background-color: #7bc14e !important;
}
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before {
    color: #7bc14e !important;
    font-size:38px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  30
    lumpy5000 replied
    May 18, 2023 at 6:06pm

    Works great! Thank you!! 

  •  2
    Nora replied
    June 11, 2023 at 9:29am

    I had the same problem but now have the problem, that when checking for google fonts through https://sicher3.de/google-fonts-checker/ whatever plugin I use (OMGF, Selfhost Google Font, Use all fonts etc.), there are still google fonts loading. I don't even use montserrat as a font.

    I tried setting in TYPO to LOAD FROM THEME or LOAD FROM GOOGLE, but it doesn't disappear.

    How can I get rid of this?

    Thanks Nora

  •  2,958
    Andrew replied
    June 11, 2023 at 10:01am

    Hey Nora,

    Thank you for getting back to us.

    Please have a look at this Article :Hosting Google fonts locally

    Thanks,

  •  2,958
    Andrew replied
    June 11, 2023 at 10:03am

    Hello again,

    Alternatively, you can try using this plugin or something similar to remove the google fonts https://wordpress.org/plugins/disable-remove-google-fonts/.

    I hope that helps.

    Kind regards,

  •  2
    Nora replied
    June 11, 2023 at 10:19am

    Thanks Andrew I really appreciate your help! - but that didn't work either.

    I tried all those plugins already, just tried it again. It seems to load from the stylesheet of the theme, and I'm not using google apis keys anywhere and also not the font montserrat. But all those measures still don't get rid off the fact that google fonts seem to be loading from the stylesheet. So weird...

    Thanks Nora

  •  8,839
    Tahir replied
    June 12, 2023 at 9:30am

    @Nora, Could you provide your site url or open a new ticket where we can see the issue ?. Certain Page Elements such as "Custom Heading" have an option to explicitly set a different font which could be adding that "Montserrat" font. 

    5774183259.png

    Thanks 

    ThemeNectar Support Team