am trying to modify the login page layout.
to look like the image below
if the image is not visible i have tried to illustrate with text
[login form][slider]
[paragraph1][paragraph2][paragraph3]
for now i have inserted variables in html mode
for the
slider = {$sliderdiv}
paragraph1 = {$textcontent_1}
paragraph2 = {$textcontent_2}
paragraph3 = {$textcontent_3}
the content is displayed but it not arranged the way i want.
am looking for someone to teach me how to modify layout
Current Layout
@version=3
beginblock top
begincontainer container page
begincontainer column md-offset=3 col-md=6 class="bs-standalone-page" page
begincontainer column class="bs-pagepanel panel panel-primary" panel
begincontainer column class="panel-heading" header
brick bsloginheader_panel
endcontainer
begincontainer column class="panel-body" body
begincontainer column col-md=12 header
brick bsmessage
endcontainer
begincontainer column col-md=12 fields
brick bsloginfields1
endcontainer
begincontainer column md-offset=4 col-md=8 header
brick bsloginbuttons
endcontainer
begincontainer column md-offset=4 col-md=8 fb
brick bsfacebook
endcontainer
endcontainer
endcontainer
begincontainer column col-md=12 align=center register
brick bsloginregister1
endcontainer
endcontainer
endcontainer
endblock
i tried adding the slider block by
changing
beginblock top
to
beginblock left
then i adding a new block
beginblock right
begincontainer test
endcontainer
endblock
the login form get squeezed to the left with like 5% of original width
does anyone have a sample of how to do this ?. i will be able to modify other pages if i see how this is done