Cool Timeline for Elementor

  • Resolved frankie9724

    (@frankie9724)


    5 years, 5 months ago

    I am using Cool Timeline for a single line, flush left vertical timeline. I reduced my copy and now the bullet is too large. I believe the hight and width are at 48px. I need to get it down to around 28 px. Found the css below, but it is not working. What am I doing wrong? Site is not launched yet.

    .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon {
    1. display: block;
    2. width: 28px;
    3. height: 28px;
    4. -webkit-background-clip: padding-box;
    5. -moz-background-clip: padding-box;
    6. background-clip: padding-box;
    7. border-radius: 50%;
    8. text-align: center;
    9. border: 4px solid;
    10. line-height: 0;
    11. font-size: 0;
    12. float: left;
    13. padding: 0;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • baljitdhanjal

    (@baljitdhanjal)

    5 years, 5 months ago

    Hi @frankie9724,

    In order to override default settings add !important rule to css properties.

    For example:-

    .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon {
  width: 28px!important;
}

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘Cool Timeline for Elementor’ is closed to new replies.