Move timeline below the cards
| Status | ID | Priority | Type |
| Closed | 19118 | High | Content Timeline jQuery |
| Profile | Reply |
locomo
Client
|
Is it possible to move the timeline beneath the cards? Can this be done via a jquery setting or via CSS please advise thanks! |
Replies
| User | Description | Posted On |
Shindiri Support team
Administrator
|
Hi, Yes you can do it over CSS, please use this CSS code and edit flat.css file: CSS file flat.css: /* Item wrapper */ Line 250: .timeline_items_wrapper { position: relative; width: 100%; margin: 10px 0; top: -100px !important; // adjust the values of your Item Wrapper } /* Timeline css */ Line 80: .timelineFlat .t_line_holder { padding: 10px 0 0 0; height: 80px; background: url('../images/timeline/light/line.jpg') repeat-x 0px 49px; top: 420px !important; // adjust the values of your Timeline } /* Arrows css */ Line 222: .timelineFlat #t_line_left { left: -30px; top: 458px; // adjust the values of your left Arrow } Line 235: .timelineFlat #t_line_right { right: -30px; top: 458px; // adjust the values of your right Arrow } |
|
|
Shindiri Support team
Administrator
|
Hi, Yes you can do it over CSS, please use this CSS code and edit flat.css file: CSS file flat.css: /* Item wrapper */ Line 250: .timeline_items_wrapper { position: relative; width: 100%; margin: 10px 0; top: -100px !important; // adjust the values of your Item Wrapper } /* Timeline css */ Line 80: .timelineFlat .t_line_holder { padding: 10px 0 0 0; height: 80px; background: url('../images/timeline/light/line.jpg') repeat-x 0px 49px; top: 420px !important; // adjust the values of your Timeline } /* Arrows css */ Line 222: .timelineFlat #t_line_left { left: -30px; top: 458px; // adjust the values of your left Arrow } Line 235: .timelineFlat #t_line_right { right: -30px; top: 458px; // adjust the values of your right Arrow } |
