Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 30, 2024 at 9:44 am #1470217
    Monika

    Hello there,
    I can add photos to the circle in the timeline, but they are very small.
    Who can help me with a code that enlarges the circles to 400 x 400 px?

    I tried it with the help of ChatGPT and produced this, but it only enlarges the first circle, all others remain small.

    /*————————————
    // Timeline Bautagebuch
    //————————————*/
    /* Vergrößert alle Timeline-Elemente auf 400×400 Pixel */
    .timeline-bautagebuch .av-milestone-content-wrapper,
    .timeline-bautagebuch .av-milestone-icon {
    width: 400px !important;
    height: 400px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    /* Falls nötig, gleiche Höhe und Breite für alle Aufzählungspunkte in der Timeline */
    .timeline-bautagebuch .av-milestone-item {
    width: 400px !important;
    height: 400px !important;
    }

    October 30, 2024 at 12:19 pm #1470238
    Rikard

    Hey Monika,

    Please try this CSS instead:

    .avia-timeline .milestone_icon {
  height: 400px;
  width: 400px;
  line-height: 400px;
}

    Best regards,
    Rikard

    October 30, 2024 at 1:06 pm #1470245
    Monika

    Worked perfectly, thank you! Your support is truly amazing!

    October 30, 2024 at 3:45 pm #1470249
    Mike

    Hi,
    Glad Rikard could 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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Timeline customization – bigger circles’ is closed to new replies.