Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 12, 2019 at 5:04 pm #1118134
    Marcel

    Hi Kriesi,

    I made a design for our website where the customer can tell a short story. When clicking on the left or right arrow, I want to show the next customer speaking like a slide (see bottom homepage in Private content). I tried with customizing the Enfold’s Content Slider, but it doesn’t work for me because the slider isn’t centered and the arrows are like squares with small arrows in it.

    Can you please help me how to create the design? I have created a temporary login, so you can see it for your self.

    Cheers, Marcel

    July 12, 2019 at 10:31 pm #1118220
    Victoria

    Hey Marcel,

    Are those video slides? Have you tried Easy slider?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 13, 2019 at 8:05 am #1118271
    Marcel

    Hi Victoria,

    Thanks for your reply. This is a screenshot how it has to be: This is how it has to be and this is wat I have now: Made wit the content slider. But as you can see the arrows are too little and are captured in a square or something. Ik made the square transparant (see my quick-CSS) but the arrows are still “captured”.

    Ik hope you can help me :-)

    Cheers Marcel

    July 13, 2019 at 12:33 pm #1118296
    Victoria

    Hi Marcel,

    Best regards,
    Victoria

    July 13, 2019 at 8:21 pm #1118386
    Marcel

    Hi Victoria,

    I think you misunderstood. What you see (on the homepage on the bottom) is a static design made with only text columns. I want to make a content-slider. I want the user to click on one of the arrows and go to the next “client’s speaking”. What you see now is not a slider, you cannot click on the arrows.

    Cheers, Marcel

    July 13, 2019 at 9:12 pm #1118395
    Marcel

    Hi Victoria,

    I found another example on your website : This is almost exactly what I want to built

    Demo website Enfold

    Cheers, Marcel

    • This reply was modified 5 years, 5 months ago by Marcel.
    July 14, 2019 at 5:58 am #1118445
    Rikard

    Hi Marcel,

    Your last screenshot is the Testimonials element, could you try to that to see if it works for you?

    Best regards,
    Rikard

    July 14, 2019 at 9:22 am #1118460
    Marcel

    Hi Rikard,

    Yes, I found it via another tread. But I don’t know what customising I need to create that. I just installed Enfold and I’m almost ready with the homepage. That’s why I rather do not install the demo of that testimonial. Is it maybe easy for you to tell me what CSS I need etc.?

    I was testing al lot with all the similar questions I found. I am already there but I cannot create the similar big arrows without the squares.

    This is what I have now: (I cannot insert a link…)

    http://www.mkbzaken.nl/testpagina

    Cheers, Marcel

    • This reply was modified 5 years, 5 months ago by Marcel.
    July 14, 2019 at 10:32 am #1118469
    Marcel

    Hi there,

    Extra information: I am really confused now. I think there is something strange because I tried a hundred different CSS-codes to make the arrow bigger, also with “inspect element” but I cannot change them (see screenshot)

    Changing numbers doesn't work

    Cheers, Marcel

    July 15, 2019 at 3:03 am #1118652
    Ismael

    Hi,

    This css code works on our end.

    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    font-size: 90px;
}

    Screenshot: https://imgur.com/a/S1s5e9c

    Please don’t forget to toggle the Enfold > Performance > File Compression settings after adding the code, or just disable that option temporarily.

    Best regards,
    Ismael

    July 15, 2019 at 9:35 am #1118714
    Marcel

    Hi Ismael,

    The code didn’t work on my end. You can see it here:

    https://www.mkbzaken.nl/over-ons/

    Cache and disable file compression also didn’t help. Even when I remove all CSS and turn off the plugins, I cannot change the fontsize with the “Browser Inspector”. There is something which is overruling the fontsize.

    Cheers, Marcel

    • This reply was modified 5 years, 5 months ago by Marcel.
    July 16, 2019 at 1:59 am #1119012
    Ismael

    Hi,

    Thank you for the update.

    The login details are invalid. Please check it carefully. Where did you add the css code? Please try to add it in the child theme’s style.css file.

    Best regards,
    Ismael

    July 16, 2019 at 9:12 am #1119091
    Marcel

    Hi Ismael,

    I put new login details for you and the CSS-code you gave me is on top of the Quick CSS in the theme.

    You can see\test the “result” on https://www.mkbzaken.nl/over-ons/

    Cheers, Marcel

    July 16, 2019 at 3:19 pm #1119174
    Marcel

    Hi Ismael, Victoria and Rikard,

    I solved the issue by hiring a freelancer. The right CSS code was

    .avia-slideshow-arrows a:before {
    font-size: 90px !important; }

    You can close it now.

    Cheers Marcel

    July 16, 2019 at 6:44 pm #1119241
    Victoria

    Hi Marcel,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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