Move timeline below the cards

StatusIDPriorityType
Closed19118HighContent 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

}

 
Best regards,
Shindiri Studio | http://www.shindiristudio.com/

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

}

 
Best regards,
Shindiri Studio | http://www.shindiristudio.com/

× This ticket is closed.