Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Password Protection for a site not visually readable

Look at the page with password protection.
Something you can not expect the customer.

Has this question never occurred to you?

Info:
It is not about the Wordpress login page, but about the password when I secure a certain page with a password.
Sample-Link: 
http://daniel-schoenemann.de/password-test/
Greetings Daniel

Comments

  • edited February 19
    I found out the following:
    With:


    .post-password-form {
    margin-top: 200px;
    }

    Can I move the form down a bit.
    How do I get a background image on the page?
    Or is there a plugin for me?
    Here is a link to the page:
    http://daniel-schoenemann.de/password-test/

    Greetings Daniel
  • Please sign in to see answear!
  • I have recreated the page again:
    You can not even see the password field because the background is white.
    Also the menu is not visible.
    I would love to insert a background picture.
  • Please sign in to see answear!
  • Hello and thank you, but where is the background image?
  • Please sign in to see answear!
  • Sorry but with the CSS content happening in chrome nothing. Internet Explorer turns the background black.
    It has to work with both browsers.

    body.page-id-1029 #Content{
    background:#000 !important;
    }
    body.page-id-1029 #Subheader {
    background:#000 !important;
    padding-top:100px;
    }
    Greetings Daniel
  • Please sign in to see answear!
  • OK, I deleted the browser cache in chrome. -> no change.
    See screenehot
    Greetings Daniel
    image
  • Here are my current CSS adjustments:


    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: rgba(255,255,255,0.3) !important;
    }

    #Top_bar.is-sticky {
        background: rgba(255,255,255,0.8) !important;
    }



    /* Progress icons */
    .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.7); height: 40px; line-height: 38px; width: 40px; font-size: 24px; }
    .progress_icons .progress_icon:not(.themebg) { background: rgba(255, 252, 252, 0.3); }

    /* Form */
    .dark input[type="submit"] { color: #000000; font-weight: 700; }

    .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li:not(.current-menu-item) > a { color: #000; }

    .post-password-form {
        margin-top: 200px;
    }

    #Top_bar a.responsive-menu-toggle i { font-size: 30px !important; }

    #Top_bar #menu { background: #000 !important; }
    }

    div.pp_default .pp_nav { display: none !important; }
    div.pp_default .pp_description { display: none !important; }


    div.pp_default .pp_next {
        background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat !important;
        cursor: pointer !important;
    }
    div.pp_default .pp_previous {
        background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat !important;
        cursor: pointer;
    }

  • Unfortunately, you can not recognize the menu as it is white on a white background.
    It must be possible to make this site a bit nicer.
    Do not the customers ask something?
  • Please sign in to see answear!
  • OK I could change the background of the password field to a different color.
    How can I insert a background image in full screen for the CSS page?
    Would you send me the CSS code for this?

    Greetings Daniel
  • Please sign in to see answear!
  • ody.page-id-1029 {
    background:url("URLtoIMG")no-repeat center center;
    background-size:cover;
    }
    I have adapted the link to the background image.
    Unfortunately, the wallpaper is not displayed.
    Hello, here are my current CSS adjustments including the last ones:

    Greetings Daniel

    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: rgba(0,0,0,0.3) !important;
    }

    #Top_bar.is-sticky {
        background: rgba(0,0,0,0.8) !important;
    }

    /* Progress icons */
    .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.7); height: 40px; line-height: 38px; width: 40px; font-size: 24px; }
    .progress_icons .progress_icon:not(.themebg) { background: rgba(255, 252, 252, 0.3); }

    /* Form */
    .dark input[type="submit"] { color: #000000; font-weight: 700; }

    .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li:not(.current-menu-item) > a { color: #000; }

    .post-password-form {
        margin-top: 200px;
    }

    body.page-id-1029 {
    background-size:cover;
    }

    #Top_bar a.responsive-menu-toggle i { font-size: 30px !important; }

    #Top_bar #menu { background: #000 !important; }
    }

    div.pp_default .pp_next {
        background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat !important;
        cursor: pointer !important;
    }
    div.pp_default .pp_previous {
        background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat !important;
        cursor: pointer;
    }

    .pp_gallery {
        display: none !important;
    }

    .pp_nav {
        display: none !important;
    }
  • Please sign in to see answear!
  • edited April 22
    ok i will test it and report it.
    Why is the link to the background image not complete?
    http://www.daniel-schoenemann.de/wp-content/uploads/2018/01/Galerie-Backround.jpg
    The link works. Please try it yourself
    Grüße Daniel
  • Please sign in to see answear!
  • Please have a look at your own post from 28.03.18.
  • Please sign in to see answear!
  • what is missing please in this URL?
    If you click on the url you will get directly to the background picture.
  • Please sign in to see answear!
  • everything works fine so the link is complete, why do not I put the picture as a background?
    or is the css customization wrong?

    body.page-id-1029 {
    background-size:cover;
    }



    Greetings Daniel
  • Please sign in to see answear!
  • ok i try it, why did not you send it along right away?
  • edited April 28
    OK, I have inserted it, unfortunately no change.

    Here are the current adjustments:

    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: rgba(0,0,0,0.3) !important;
    }

    #Top_bar.is-sticky {
        background: rgba(0,0,0,0.8) !important;
    }

    /* Progress icons */
    .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.7); height: 40px; line-height: 38px; width: 40px; font-size: 24px; }
    .progress_icons .progress_icon:not(.themebg) { background: rgba(255, 252, 252, 0.3); }

    /* Form */
    .dark input[type="submit"] { color: #000000; font-weight: 700; }

    .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li:not(.current-menu-item) > a { color: #000; }

    .post-password-form {
        margin-top: 200px;
    }

    body.page-id-1029 #Wrapper, #Content {
    background:transparent !important;
    }

    body.page-id-1029 {
    background-size:cover;
    }

    #Top_bar a.responsive-menu-toggle i { font-size: 30px !important; }

    #Top_bar #menu { background: #000 !important; }
    }

    .pp_gallery {
        display: none !important;
    }

    .pp_nav {
        display: none !important;
    }
  • Please sign in to see answear!
  • OK thanks,
    how can I display the wallpaper as a full screen on different monitor sizes / laptops, pads / tablets?


    Cache:
    now after 2 days it works.
    I delete the cache in Internet Explorer and chrome. but the changes are not immediately visible.
    Can I also cache myself in wordpress?
  • Please sign in to see answear!
Sign In or Register to comment.