Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1396779

    Hello together
    I have here on this page 3 areas with passwords
    inserted.
    1 link see below

    On the phone horizontally and vertically we display the logo.
    Can I hide that or make the text deeper.

    I would prefer to lower the text¨.
    and format this text via css?

    2 Link Printscreen see below

    thank you and
    kind regards
    Franz

    #1396793

    Hey schweg33,
    I don’t see your page with the password field, please like to it.

    Best regards,
    Mike

    #1396795

    sorry

    #1396797

    Hi,
    For the page this css will center the elements:

    #top.page-id-5923 .template-page.content {
    	display: flex;
        height: 90vh;
        align-items: center;
    }

    But it might cause issues after the password is used if the same page is then used.
    The best way to handle this is having a custom class added to the page when the password field is used, that way any style you add is only for the page showing the password field.
    So if you are using a password plugin see if the options allow adding a special class to the page, if not ask the plugin author for some code to add a special class to the page when the password field is shown, I would imagine they offer this.

    Best regards,
    Mike

    #1396798

    hello mike

    this fits so well

    the code should only be for the phone
    horizontal and vertical
    apply

    thanks
    kind regards
    Franz

    #1396800

    Hi,
    Try:

    @media only screen and (max-width: 767px) {
    #top.page-id-5923 .template-page.content {
    	display: flex;
        height: 90vh;
        align-items: center;
    }
    }

    Best regards,
    Mike

    #1396802

    Horizontally it fits like this

    vertically it is too high

    have the value
    height: 50vh;

    otherwise it is vertially too high for me

    thanks

    #1396807

    Hi,
    Thanks for the feedback, I see you have changed it to height: 50vh;
    so are you all set then?

    Best regards,
    Mike

    #1396809

    I have made
    thank you

    but for horizontal that is too high

    what must I write there

    @media only screen and (max-width: 767px)

    thanks

    #1396810

    Hi,
    Try this css, the first part is the one you like and it is set for portrait, so remove your other css, the second part is for landscape or horizontal.

    @media only screen and (max-width: 767px) and (orientation: portrait) {
    #top.page-id-5923 .template-page.content {
        display: flex;
        height: 50vh;
        align-items: center;
    }
    }
    @media only screen and (max-width: 885px) and (orientation: landscape) {
    #top.page-id-5923 .template-page.content {
        display: flex;
        height: 80vh;
        align-items: center;
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1396812

    hello mike

    this fits so well
    you can close this ticket

    thanks
    kind regards
    Franz

    #1396814

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘the text deeper.’ is closed to new replies.