My Layout Quick Codes

This is mainly for me to quickly grab from, but it'd be cool if anyone found my collection useful. The code is in blue but I add comments below on how to edit.

Make Layout Wider:

<style>

.container {

width: 90%;

max-width: 1600px;

}

</style>

To change width, decrease "1600px"

Change Background:

}
body {
margin:0;
background-image: url("PUT LINK");
background-attachment: fixed;
}

For Single Color:

<style>

body {

background-color: PUT COLOR/HEXCODE !important;

}

</style>

Add TV/Screen Lines:

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )