Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 28, 2025 at 3:14 am #1484758
    sldeutsch

    I’m on 7.1 and wordpress 6.8.1 (dev site: https://tssdevsite.xyz/)

    I was remiss in updating my site, everything worked on wordpress 6.7.1 and enfold 5.7 (prod site: https://www.thestrapsaver.com/)

    How can I fix this? Please be as clear as possible, I’m not very good at this :)

    May 29, 2025 at 3:24 am #1484816
    Ismael

    Hey Shari,

    Thank you for the inquiry.

    The arrows are there but they are barely visible because the background is transparent due to this css code. 

    #top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: #fff0 !important;
}

    You can either remove the modification or add this code in the Enfold > General Styling > Quick CSS field.

    #top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: #a6a6a6 !important;
}

    Best regards,
    Ismael

    May 29, 2025 at 11:45 pm #1484839
    sldeutsch

    Ok, what did I do wrong? :) I couldn’t find the code that you suggested to remove and added the one that you suggested to add and nothing changed.

    This is the current CSS code that I have for the the sliders:

    #top .avia-slideshow-arrows.avia-slideshow-controls a {
    border-radius: 25px;
    font-weight: bold;
    font-size: 18px;
    background:#transparent;
    width: 45px;
    height: 30px;
    }

    I also tried to change background from #transparent to #a6a6a6 !important but still nothing.

    Thanks again!

    May 30, 2025 at 3:05 am #1484842
    Ismael

    Hi,

    Thank you for the update.

    Please provide the login details in the private field so we can check further. Also, make sure that Appearance > Theme File Editor is accessible, just in case.

    Best regards,
    Ismael

    June 2, 2025 at 2:00 am #1484952
    sldeutsch

    See private field.

    June 2, 2025 at 5:02 am #1484953
    Ismael

    Hi,

    Thank you for the info. We removed the code from the Appearance > Customize > Additional CSS panel. Please make sure to purge the cache before checking the page.

    View post on imgur.com

    Best regards,
    Ismael

    June 7, 2025 at 6:01 pm #1485178
    sldeutsch

    Thank you so much!! I really appreciate the help. I would love to have the arrow background be transparent and the arrows be #ee1d85. I tried to do this myself and only managed to either do nothing or make the arrows disappear.

    If this helps, here is all of the Quick CSS that I can find about the arrows.

    From the top:

    #top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: #a6a6a6 !important;
}

#top .avia-slideshow-arrows.avia-slideshow-controls a:before {
    left: -4px;
}

    From the middle of the file:

    /* === STYLING SLIDER ARROWS === */

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
   color: #ed1d84;
}

.prev-slide:before, .next-slide:before {
   background-color: transparent !important;
   margin-right: 15px !important;
}

#top  .avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
position: absolute;
top: 65px;
transform: translateY(-50%);
width: 100%;
z-index: 999;
}

/* Right arrow*/
.avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: 0 !important;
bottom: -10px;
}

/* Left arrow */
 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
left: 0px !important;
margin-right: 20px !important;
}
    June 7, 2025 at 6:26 pm #1485181
    Mike

    Hi,
    Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    fill: #ee1d85;
}
#top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: transparent !important;
}

    for this effect:
    Screen Shot 2025 06 07 at 12.23.39 PM

    Best regards,
    Mike

    June 8, 2025 at 7:54 pm #1485224
    sldeutsch

    Thank you! I compromised by changing the arrows pink and lightening the grey that was behind them. I really REALLY appreciate the help!!

    June 8, 2025 at 8:15 pm #1485225
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Missing arrows in carousel’ is closed to new replies.