How to force an element to left or to right while using 2-columns layout
KapadiaNaitik opened this issue · 1 comments
KapadiaNaitik commented
As the title suggests I want to know if there is any way to force an element to a particular side .
aspil commented
I'm aware that this is a rather hacky solution, but I recently found out that by putting an empty div
before a VerticalTimelineElement
you can change the alternation of all the VerticalTimelineElement
elements below that div
. In order to apply this effect for just one element, simply add another empty div
after it. See the example:
<VerticalTimelineElement className="left-element1"> // assume this is placed left
// stuff
</VerticalTimelineElement>
<div/> // this changes the VerticalTimelineElement alternation
<VerticalTimelineElement className="right-element1"> // it will be placed left instead of right
// stuff
</VerticalTimelineElement >
<div/> // this breaks the effect and restores the original alternation
<VerticalTimelineElement className="left-element2"> // this will be placed normally on the left side
// stuff
</VerticalTimelineElement>
I hope that helps!