Centre password protect page

[ifkda]

Hi there,

Been trying for ages on this but no luck.

Could you please tell me how I can center all of this on this page please?

https://employmentwebinars.co.uk/access-webinars/

Thank you so much

[ifkda]

I’ve managed to do it sort of, but I don’t want it to change the page width of the page behind the password. Is there any way I can avoid this?

I dont want it then on this page when they login to reduce the page width:

[ifkda]

.x-scroll-top {
border: 4px solid rgb(159, 114, 255);
color: rgb(159, 114, 255);
opacity: 1;
}
.x-scroll-top:hover {
color: rgb(159, 114, 255);
}
body {
font-style: normal;
font-weight: 500;
color: #020202;
background-color: rgb(244 242 244);
}
.entry-wrap {
display: block;
padding: 60px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0.0em 0em 0 rgb(0 0 0 / 14%);
}
.x-btn, .button, [type=“submit”] {
color: #ffffff;
border-color: transparent;
background-color: rgb(115,153,198);
text-shadow: 0 0.0em 0em rgb(0 0 0 / 50%);
border-radius: 100em;
margin: 10px 0px
}
.x-btn, .button, [type=“submit”] {
display: inline-block;
position: relative;
padding: 0.55em 1.75em 0.55em;
cursor: pointer;
font-size: 1.15em;
font-weight: inherit;
line-height: 1.3;
text-align: center;
vertical-align: middle;
color: #fff;
background-color: #fffff;
transition: all 0.15s linear;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.entry-content {
margin-top: 0;
width: 88%;
max-width: 1100px;
margin: 45px auto;
padding: 15vh 0vh
}

Thats the css I used

[ifkda]

If you could still tell me how to centre it would really help, as then i would need to do anything with the page margin ^^

[prakash_s]

Hello @ifkda,

Thanks for writing to us.

The page in the container and it is aligned in the centre, in case if you the text and content to be aligned in the centre. Please add this custom CSS code under X/Pro -->Theme Option —>CSS.

.cppm_message.post-password-message {
text-align: center;
}
form.post-password-form {
text-align: center;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks