Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 18, 2022 at 1:43 am #1369183
    ceccleston1

    Hi, I have 6 timeline sections in a horizontal mode. It spreads 4 across the page with a small transition button that when clicked move the timeline along. The icon button for this is small, I’d like to make it bigger and more obvious please. Also red. Can you help. See link below to site.

    October 19, 2022 at 1:09 pm #1369385
    Mike

    Hey ceccleston1,
    Thank you for your patience, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #wrap_all .av-timeline-nav a.av-nav-btn {
    height: 86px;
    line-height: 86px;
    background-color: red;
}
#top #wrap_all .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, 
#top #wrap_all .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
    opacity: 1;
    width: 86px;
}
#top #wrap_all .av-timeline-nav {
    padding-top: 45px;
}
#top #wrap_all .av-timeline-nav a:before {
    line-height: 86px;
}

    After applying the css, please clear your browser cache and check.
    This is the expected result:
    2022-10-19_002.png

    Best regards,
    Mike

    October 20, 2022 at 12:56 am #1369483
    ceccleston1
    This reply has been marked as private.
    October 20, 2022 at 1:22 am #1369492
    Nikko

    Hi ceccleston1,

    Try to change this in Mike’s code:

    background-color: red;

    to:

    background-color: rgba(255,0,0,0.7);

    just change the 0.7 value as you see fit (the range is 0-1, 0 means fully transparent and 1 means no transparency).
    Hope this helps.

    Best regards,
    Nikko

    October 20, 2022 at 2:16 am #1369501
    ceccleston1

    Thank you so much! all fixed now. :-)

    October 20, 2022 at 4:13 am #1369518
    Nikko

    Hi ceccleston1,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘timeline progression indicator icon’ is closed to new replies.