Skip to content

Instantly share code, notes, and snippets.

@tiendungdev
Created April 8, 2022 09:31
Show Gist options
  • Save tiendungdev/6d24562938c74df5a03a30657a3a3b92 to your computer and use it in GitHub Desktop.
Save tiendungdev/6d24562938c74df5a03a30657a3a3b92 to your computer and use it in GitHub Desktop.
Beautiful 404 error page - Flatsome theme
/*404*/
.error-404{padding:0; margin:0}
.error-404 .medium-3 {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
font-size: 45px!important;
padding: 0;
margin: 0
}
.error-404 .header-font:after{
content: "404";
color: #e9ebe7;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(calc(-50% + 22px),14px);
-ms-transform: translate(calc(-50% + 22px),14px);
transform: translate(calc(-50% + 22px),14px);
z-index: 0;
}
.error-404 .medium-9 {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
.error-404 .page-content{
width: 766px;
text-align: center;
display: block;
margin: 0 auto;
}
/*end 404*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment