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;
}

Add Image Above Blurbs:

.profile .blurbs:before {
      background-image: url('PUT LINK');
      display: block;
      width: 100%;
      background-position: center center;
      content: "";
      height: 200px;
      background-size: cover;
      margin: 10px 0px;

7 Kudos

Comments

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

✽Juniper✽

1733170407

these are good codes!!!!! Thank you for posting them!!!!!!

Report Comment