azkarev521

• the border i will be using for example its by @/suturical on this post

• now, how to understand this and make the magic happen?

GOTCHA!!!

1. Borders: container adjustements

• the least important thing is the container width, you can put as you please but i use it on 400px — 610px, its just my recommendation

• now the padding is important, its basically the distance between the border and the elements of your rentry

• example: padding on 25px

• example: padding 20px

2. Borders: slice

• the image slice is basically how much it will slice your border and repeat it, i recommend using it 20% – 40%, however adjust as you please!

• example: slice 37%

• example: slice 23%

big difference isnt it? and i only changed the slice part, nothing else!

3. Borders: width

• basically the width of the border, adjust as you please but i also recommend to put on 30px as its the maximum size you can put

• example: width 30px

• example: 15px width

4. Borders: repeat

• this is another thing that dont have much secret and explanation about, there are 4 repeating types for borders, they are:

• stretch: will stretch the original size of the border across the entire container

• round: most used, 'normal', will make your border get around the container

• repeat: will repeat a certain part of the graphic image across the sides

• space: will give space between the repetitions

• onto the next part, text!

2. Text: font applying

• ngl its pretty simple, first catch ANY font of the google fonts site and do like the screenshot above, detail, if you font name has a space between the name (example: playfair display) you MUST put the _ to substitute the space, or it won't work

• but if the font name doesn't have any spaces, write it normally

2. Text: text size

• also really simple, explore the sizes on the rentry, i use it 10px – 25px, adjust to your liking!

2. Text: coloring

• tired of coloring all sentences manually? just do the code from screenshot and input your color! it can be written like i did or the hex code/whatever!

• you can still color things manually even when using this

• final with all these changes:

SO THATS IT! the most important actually :33

hope it isnt confusing, any questions please send an ask!

tagging oomfie @chokingonchairs bc finally got the courage to make this and yu asked for hehe ^___^

THANKS FOR READING!