0
Answered
Logo Slider
I want to make the pictures non-circular as they will be logos. Is there a way to do this?
Customer support service by UserEcho
Yes, for template style 1 you can use this CSS in the custom CSS field.
.wprevpro_t1_IMG_4 {
border-radius: 0%!important;
}
Like so...
is there something like this for style for? We are looking for make a slider similar to the one with the company logos on https://buffy.co/?gclid=CjwKCAjwx8iIBhBwEiwA2quaqxA-_ldIrNLGicqoePvUEhoEliW4w97I00KFbJn884fgnH5nGfXntBoC3tMQAvD_BwE.
It's possible with template style 4 and turn off the stars and date. Upload the company logo as the Avatar. Then use this custom CSS in the template.
h3.wpproslider_t4_H3_3.wprev_preview_tcolor1_T4 {
display: none;
}
.wpproslider_t4_IMG_2 {
border-radius: 0;
height: unset;
}
It ends up looking like this...
What size picture did you upload? Mine keeps getting cut off. Also, do you have any idea why when I manually create reviews and upload pictues it doesn't save correctly? The pictures keep reverting back to randomly old saved pictures.
I actually just linked to the one on the web. I entered this url...
https://images.ctfassets.net/9tqo559eytsj/1xv6stPkvlYgb8U4TaDqZK/d68dbec9d48525b8487ee6dd62a8e3a6/fast-company.svg
I'll have to look at the issue of uploading and see what's going on.
It could be the cache for the review template. The review template is cached for 24 hours in order to load faster. You can use the button on the Template page to clear the cache manually.
One additional thing is the custom css is now effecting my other testimonial slider on the same page. How do I only apply the css to the logo slider?
You can narrow down the CSS by using an ID selector before it. It must match the ID for the review template you are using. It will look something like this...
#wprev-slider-9458 .wprev_preview_tcolor1_T4 {
display: none;
}
#wprev-slider-9458 .wpproslider_t4_IMG_2{
border-radius: 0;
height: unset;
}
But you need to change the 9458 to whatever your review template ID is.
Thank you very much for your help so far. Everything is looking great. The last question I had is if you can make the background color go all the way across. Right now it stops on both the left and right side before the end of the screen.
Can you post a link? The color might be coming from the DIV that is containing the app code.
Here is a picture, I don't have a link because the website isn't published yet.
There isn't much I can tell from the picture. You can right-click on the background > inspect and then check the elements CSS to see what div is containing the white background. You can then add some CSS to check it. I'm not sure if it's coming from the plugin or if that is part of your theme. You are welcome to make me a staff account if you want me to take a look.
landjllc@gmail.com
I just sent the invite. Let me know if that works.
It looks like you would need to change the Section background...
Is there a way to set the section background color in the theme?
You can try using this CSS in the review template...
div#shopify-section-162872321863560379 {
}
That worked. Thank you for all your help!