Docs

[scotshurdler]

Hi guys, I’m looking to refine the styling just a little on the password protected pages. We have a gallery on a new site which is to be protected but it looks a little clunky by comparison to other pages.

Can we centre the text and button?

Can we style the button to be a little slimmer, slicker and perhaps another colour?

Many thanks as always,

N

[scotshurdler]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to your Appereance / Customizer / Custom / CSS

.page-id-934 form {

 text-align: center;
 padding-top: 5%;
}

The button will follow your global settings that you can set at your Appereance / Customizer / Buttons, in order that all buttons of your website have the same style you can adjust there according to your taste. In case you would like to design a specific layout for this button, please add the following code to your Appeareance / Customizer / Custom / CSS

`
.page-id-934 input[type=”submit”] {
background-color: green;
border-color: green;
box-shadow: 0;
box-shadow: none;
}

.page-id-934 input[type=”submit”]:hover {
background-color: orange;
border-color: orange;
box-shadow: 0;
box-shadow: none;
}

`
You can change the color green or orange to the desired color like #ffffff , but as I said before, if you adjust the button settings on your Customizer / Buttons you will be able to design your website buttons with more details according to your wishes.

Hope that helps,

Joao

[Author]

Posts