Tagged: , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 29, 2024 at 9:57 am #1441275
    manfredergott

    Guten Tag, ich habe auf meiner Website (siehe Private Content) Kunden-Empfehlungen eingefügt und möchte die Pfeile ganz unten beim Namen platzieren, wie geht das?

    • This topic was modified 6 months, 3 weeks ago by manfredergott. Reason: Kunden-Empfehlungen, Pfeile, Design, Platzierung
    April 30, 2024 at 9:39 am #1441407
    Ismael

    Hey manfredergott,

    Thank you for the inquiry.

    You can control the vertical position of the arrows in the testimonial element with this css code:

    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    top: 100px;
    margin-top: -1px;
}

    Please make sure to purge the cache after adding the modification.

    Best regards,
    Ismael

    April 30, 2024 at 11:55 am #1441434
    manfredergott

    Vielen Dank, ich hab den Code im Customizer- zusätzliche CSS – eingegeben, Cache geleert, leider sind die Pfeile noch nicht unten mittig auf Höhe des Namens.

    April 30, 2024 at 12:10 pm #1441437
    Guenni007

    try:

    
#top  .av-large-testimonial-slider .avia-slideshow-arrows a  {
  top: auto !important;
  bottom: 0px;
}
    April 30, 2024 at 6:39 pm #1441484
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you have any luck with that @manfredergott?

    Best regards,
    Rikard

    April 30, 2024 at 10:07 pm #1441503
    Guenni007

    ok – you have choosen a different testimonial layout:

    try:

    
#top  .avia-testimonial-wrapper .avia-slideshow-arrows {
  display:  flex;
  position: relative !important;
  top: auto !important;
  bottom: 40px;
}
    May 1, 2024 at 7:05 am #1441548
    Ismael

    Hi,

    Thank you for the update.

    We adjusted the css code a bit and added it in the Enfold > General Styling > Quick CSS field:

    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    top: auto;
    margin-top: -1px;
    bottom: 10px;
}

#top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows a {
    top: auto;
    bottom: 0;
}

    Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    May 2, 2024 at 9:48 am #1441846
    manfredergott

    Vielen Dank!

    Ist es möglich, die Pfeile auch bei der mobilen Version sichtbar zu machen?

    May 3, 2024 at 4:04 am #1442025
    Ismael

    Hi,

    The arrows should be visible on mobile devices by default. Would you mind providing a screenshot of the site on mobile view? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    May 3, 2024 at 10:40 am #1442113
    manfredergott

    Unten im private content die Screenshots der Mobilversion leider ohne Pfeile:

    May 5, 2024 at 10:08 pm #1442390
    Mike

    Hi,
    Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a {
    color: #000;
    opacity: 1 !important;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 6, 2024 at 10:08 am #1442417
    manfredergott

    Vielen Dank, die Pfeile sind nun mobil auch sichtbar, aber leider nicht anklickbar – nur in der Desktopversion.

    May 7, 2024 at 4:39 am #1442510
    Ismael

    Hi,

    The arrows seem to be clickable on our end, but you can try using this css code to create more space below the testimonial slider.

    #top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial .avia-testimonial_inner {
    padding-bottom: 50px;
}

    Best regards,
    Ismael

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