Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 2, 2017 at 8:26 am #802903
    Jasmer

    Hi Guys,

    1. I notice the transparent backgrounds of my images are visible. Why do I see the backgrounds if they are transparent PNG files? This happened before on another site and you gave me quick css to fix it, but why should I need that. Why does it show up at all?

    2. My logos are all over the place with size issues. Large and small. Is there perfect math to fix this? Padding, canvas size etc? What is the method?

    Thanks,

    Jas

    June 2, 2017 at 2:15 pm #803027
    Rikard

    Hey Jasmer,

    1. Please try the following in Quick CSS under Enfold->General Styling:

    .avia-content-slider .slide-image {
  background-color:transparent !important;
}

    2. I’m not sure what you mean by that, could you post a screenshot pointing out the issue please?

    Best regards,
    Rikard

    June 4, 2017 at 2:46 am #803484
    Jasmer

    Hi Rikard,

    Thanks for the help!

    1. That fixed it! My question is, why is this CSS not default in the Enfold theme? Every time I add a partner logo element, or any element, the transparent background is not transparent. This has been going on for two years with Enfold. Is there a way I can prepare my PNG files so this does not happen? I cannot imagine this is within my control. WHY does this happen? Please be verbose in your response. I’ve been curious about this problem for some time.

    2. I fixed problem #2

    Thanks,

    Jas

    June 4, 2017 at 7:40 am #803508
    Rikard

    Hi,

    1. It’s a design we have decided to go for, there’s a background colour on the element, it has nothing to do with your images.

    2. Great, glad you fixed it.

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 5, 2017 at 2:38 pm #803941
    Jasmer

    Hi Rikard,

    Ok I didn’t know it was part of the design. Can you send me a link to a demo that shows the background being used in the logo element slider? I’d like to see it.

    Thanks,

    Jas

    June 5, 2017 at 6:00 pm #804073
    Rikard

    Hi,

    Ok, you can see it here: http://kriesi.at/themes/enfold/shortcodes/partnerlogo-element/

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 5, 2017 at 9:40 pm #804181
    Jasmer

    Ok so that would look good with the border added. Might I suggest that Kriesi add an option to choose make it transparent or not in the element settings.

    Last question. On mobile the slider is 2 rows stacked. Is there CSS we can add to make it one row with 4 icons across he bottom? This way it will look exactly like the desktop site. Nowrap?

    Check the bottom of the contact page for logo element slider..

    Thank you,

    Jas

    June 7, 2017 at 5:43 pm #805204
    Victoria

    Hi Jas,

    You can request the feature here

    Enfold Feature Requests

    I would not make the logo blocks smaller, they will be very poorly visible and especially hard to read with the jumping testimonials slider. Let me know what you think?

    Best regards,
    Victoria

    June 7, 2017 at 8:43 pm #805279
    Jasmer

    Hi Victoria,

    I’d like to try it as I may move the location of the partner logo element to avoid being affected by the testimonials slider.

    What would be the correct CSS for that?

    Thanks,

    Jas

    June 12, 2017 at 4:03 pm #806928
    Victoria

    Hi Jasmer,

    The easiest solution here is to move the slider above testimonials. You can do it just by dragging the logo slider above the testimonials. Also, I would rather make it a logo grid, since it’s too many sliding items for one website area.

    Let me know if you need more help.
    Best regards,
    Victoria

    June 13, 2017 at 4:14 am #807192
    Jasmer

    Victoria,

    I responded above that I would like to try it. I still need this:

    “On mobile the slider is 2 rows stacked. Is there CSS we can add to make it one row with 4 icons across he bottom? This way it will look exactly like the desktop site. Nowrap?”

    I want to try it and see what one icon row looks like.

    Thank you,

    Jas

    June 15, 2017 at 10:29 am #808491
    Victoria

    Hi Jas,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 450px) {
 .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
 .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin: 0;
    clear: none;
}
.responsive #top #wrap_all .slide-entry {
    width: 22%;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 15, 2017 at 10:52 am #808501
    Jasmer

    Hi Victoria,

    Thanks. It’s close. It works in portrait, but when I position the iPhone in landscape it is still 2 rows.

    We need to adjust I’m assuming. Is there a Nowrap type CSS I can add?

    Thank you,

    Jasmer

    June 19, 2017 at 6:53 am #809667
    Ismael

    Hi,

    Adjust the css media query view port from 450px to 768px.

    Best regards,
    Ismael

    June 19, 2017 at 12:25 pm #809730
    Jasmer

    Solved! Thanks Ismael. Close Topic.

    June 19, 2017 at 2:51 pm #809801
    Sarah

    We’re glad that the team was able to help!

    Please let us know here in the forums if you need help with anything else.

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Partner Logo Element Slider’ is closed to new replies.