We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

signin / login module inside the same colum as 'FIND BEST MATCH' - Match Responsive Landing Premium | Forum

piet none
piet none Mar 8 '17
Hi,

Wondering if it is possible to add the Sign in / Login module in the same row as 'FIND BEST MATCH'? And keep it scaling correct on all devices of course ;)

See screenshot for what I have in mind.
Attachments:
  Knipsel.JPG (199Kb)
Sprintally®
Sprintally® Mar 8 '17
it's possible with custom code . if you want i can provide the code ? do you know how to put custom code ?
piet none
piet none Mar 8 '17
oh, that would be awesome if you can provide it.

Do you mean to put the custom code in Appearance - Customize - CSS? Or in one of the .html files?


Sprintally®
Sprintally® Mar 8 '17
Appearance - Customize - CSS  . ok allow me some time .
Sprintally®
Sprintally® Mar 8 '17

@media screen and (min-width: 1100px){

.ow.base_sign_in .ow_sign_in_wrap {

    top: 260px!important;

}

}

@media (max-width: 1099px) and (min-width: 980px){

.ow.base_sign_in .ow_sign_in_wrap {

    top: 260px!important;

}

}

@media (max-width: 979px) and (min-width: 768px){

.ow.base_sign_in .ow_sign_in_wrap {

 top: 260px!important;

 }

}




put this code to your custom css area .

piet none
piet none Mar 8 '17
Hi, thanks for the code but thats not exactly what I had in mind.

Right now the sign in wrap is on the for right of the screen. And I would like to place it inside a "row" right next to the col-sm-6 col-md-5.

I will make a screeny to explain a bit better :)
piet none
piet none Mar 8 '17
Here you go
Attachments:
  Knipsel.JPG (258Kb)
Sprintally®
Sprintally® Mar 8 '17
you mean like this " http://prntscr.com/ehj1lb "  ??
piet none
piet none Mar 8 '17
Yep, exactly like that
Sprintally®
Sprintally® Mar 8 '17

@media screen and (min-width: 1100px){

.ow.base_sign_in .ow_sign_in_wrap {

    top: 260px!important;

    left:50% !important;

}

}

piet none
piet none Mar 8 '17
Had to add 'right: auto !important;' but it is working

Thanks!
The Forum post is edited by piet none Mar 8 '17
Sprintally®
Sprintally® Mar 8 '17

Great to know that . Let us know if you need any other help .


if you like our theme and support you can put review here " https://developers.oxwall.com/store/granted-list/theme
You do not have permission to reply this topic