Skip to content

Instantly share code, notes, and snippets.

@marklchaves

marklchaves/content-control-denial-message-styles.css

Last active August 30, 2021 08:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marklchaves/4303808a084cff34bdd26908b0a2e6cc to your computer and use it in GitHub Desktop.
Save marklchaves/4303808a084cff34bdd26908b0a2e6cc to your computer and use it in GitHub Desktop.
Download ZIP
Content Control: Styling the Denial Message
Raw
content-control-denial-message-styles.css
/** Add these classes to Appearance > Customize > Additional CSS */
.denial-message-wrapper {
color: firebrick;
display: grid;
font-size: 1.5rem;
place-items: center;
}
.soft-pastel-gradient {
border-radius: 20px;
width: 70%;
height: 400px;
margin: 50px auto;
background: linear-gradient(35deg, #ccffff, #ffcccc);
}
Raw
content-control-message-html.html
<!-- Use the classic editor in Text mode to add this HTML -->
<div class="denial-message-wrapper soft-pastel-gradient">
<span style="color: limegreen; font-size: 1.5em; font-weight: 600;">Please</span> login to see this page :-)
</div>
@marklchaves
Copy link
Author

Result

content-control-denial-message-styles-example

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment