Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • October 27, 2016 at 10:01 am #704765
    rpichler

    Hi,

    I woul like to achieve a full-screen front-end login site like seen on https://login.microsoftonline.com

    Means 70% of page is full size background, and 30% is full size column with content.

    Have tried a lot but were not able to fix it like that.

    Any ideas?

    Thx

    October 28, 2016 at 6:34 am #705146
    Rikard

    Hey rpichler,

    The only idea I could think of would be to use a Color Section element and set a background to it, the right content would be a bit trickier though; maybe you could try a text block inside of the Color Section then style it accordingly? If you should need help along the way then please post a link to your site.

    Best regards,
    Rikard

    October 28, 2016 at 8:15 am #705185
    rpichler

    Hello Rikard,
    Thank you for your reply. I tried the color section already, but have no idea how to style a textblock in that way?

    Below are crededentials. Your help is strongly appreciated.

    Thanks a lot!

    October 31, 2016 at 8:54 am #706023
    Rikard

    Hi,

    If you enable custom CSS in the theme: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, you can assign a class to the text block then add something like this to Quick CSS:

    .your-class {
    position: absolute;
    right: 0;
    height: 100%;
}

    Best regards,
    Rikard

    November 2, 2016 at 5:43 pm #707269
    rpichler

    Hello,

    The provided css code did work, but the position is somewhere… not correct.

    Unfortunately my CSS skills are not sufficiant to solve it.

    br

    November 2, 2016 at 11:48 pm #707433
    Basilis

    Hi!

    Can u please show us the live page so we can check and provide a beter fix?

    Thanks a lot

    Cheers!
    Basilis

    November 3, 2016 at 9:21 am #707632
    rpichler

    Hello,

    PLease find the page & credentials below!

    Many thanks for your efforts!

    THY!

    November 4, 2016 at 5:55 am #708037
    Rikard

    Hi,

    I’m not sure what’s going on but I can’t log in anymore on the page in private, it’s asking for e-mail/password? I tried the details you posted but they are not working.

    Best regards,
    Rikard

    November 7, 2016 at 12:23 pm #709132
    rpichler

    Hello,
    Sorry, attached incredentials!
    THY

    November 8, 2016 at 6:00 am #709606
    Ismael

    Hi!

    Thank you for the info. We added the following css code in the style.css file.

    #top .login_container {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    padding: 50px 25px !important;
}

    Best regards,
    Ismael

    November 8, 2016 at 9:46 am #709667
    rpichler

    Hello Ismal,
    Thank you – it works perfect now.
    Your support is one of the best!

    br
    R.

    November 8, 2016 at 10:17 am #709675
    rpichler

    Ah!
    Unfortunately I have discovered a problem, if you click the tab “register” – it cannot scroll…. that is a problem,
    maybe you can give another input?
    br

    November 8, 2016 at 10:23 am #709681
    rpichler

    Hi,

    Just added the “overflow:auto” and that did it!

    br
    R

    Here the corrected code:

    #top .login_container {
    position: fixed;
    overflow: auto;
    right: 0;
    top: 0;
    height: 100%;
    padding: 50px 25px !important;
    }

    November 8, 2016 at 2:29 pm #709800
    Guenni007

    you can use f.e. the plugin maintenance creates a nice Pluginpage ( you can upload your own background-image.) If you don’t like that logged-in users do something with your site you have to set them as Abonnent only!

    Links erased now
    i don’t want to have the site above offline for a long time ! even if it is only a playground for me.
    So have a look to that little plugin – Link is behind maintenance word !

    • This reply was modified 8 years ago by Guenni007.
    February 1, 2017 at 11:45 am #741154
    rpichler

    Hello,
    Actually, I do have the problem again, that the the login container, once a new tab “Register” is opened, the page does not scroll….

    see the site here: http://tinyurl.com/zo6e3ca

    Means it cannot be used properly…
    Your quick help on this issue is highly appreocated.
    br
    rpich

    February 6, 2017 at 6:19 am #743153
    Nikko

    Hi,

    Can you make the login container section a bit wider and also the Register’s text/password field instead of making it fullwidth, make it 2 columns so it would reduce the height.

    Best regards,
    Nikko

    February 6, 2017 at 8:31 am #743197
    rpichler

    Dear Nikko,

    I have no idea how your suggestion solves the problem. I do not want to reduce height, I want to make the site scroll once a tab opens which might be higher than current screen height.

    regards
    rpich

    February 6, 2017 at 8:53 pm #743594
    Nikko

    Hi rpich,

    My suggestion was to reduce the height but since that isn’t what you want, try adding this css code in Quick CSS (located in Enfold > General Syling):

    .login_container #tab-id-2-container {
    max-height: 400px;
}

    it should show a scroll on the Register tab, just adjust the max-height value as you see fit. Hope this helps :)

    Best regards,
    Nikko

    February 7, 2017 at 9:20 am #743740
    rpichler

    Hello,

    Thank you – that is a nice workaround, but I still wonder why its impossible to let the bwrowser scroll?

    That should be the more common solution.

    Your reply is highly appreciated.

    br
    Rpich

    February 7, 2017 at 12:26 pm #743853
    Nikko

    Hi,

    Please remove the code I gave last and also replace this code:

    #top .login_container {
    position: fixed;
    overflow: auto;
    top: 25px;
    padding: 25px 25px !important;
}

    to:

    #top .login_container {
    position: relative;
    overflow: auto;
    top: 25px;
    padding: 25px 25px !important;
    left: 0;
    width: 376px;
}

.page-id-3370 #av_section_1 .av_one_third.avia-builder-el-first {
    display: none;
}

.page-id-3370 #av_section_1 .av_one_third {
    margin-left: 0;
}

    Let us know if it’s good :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.