More
1

A quick demo to get us going.

Add some padding, center the image, then move it down 40px from the top edge. See sub sidebar.

.side {
    background: url(https://i.sli.mg/PFinbY.png) no-repeat;
    background-position: 50% 10px;
    padding-top: 130px;
    background-size: 80px auto
}
body.dark .side {
    background: url(https://i.sli.mg/non6Yy.png) no-repeat;
    background-position: 50% 10px;
    padding-top: 130px;
    background-size: 80px auto
}
A quick demo to get us going. Add some padding, center the image, then move it down 40px from the top edge. See sub sidebar. ``` .side { background: url(https://i.sli.mg/PFinbY.png) no-repeat; background-position: 50% 10px; padding-top: 130px; background-size: 80px auto } body.dark .side { background: url(https://i.sli.mg/non6Yy.png) no-repeat; background-position: 50% 10px; padding-top: 130px; background-size: 80px auto } ```

1 comments

[–] pembo210 [OP] 0 points (+0|-0) Edited

testing code in comment css

.side,
body.dark .side {
    background: url(https://phuks.co/static/img/logo.v2.png) no-repeat;
    background-position: 50% 40px;
    padding-top: 100px;
}
©2016-2022 Phuks LLC. All Rights Reserved.
ToS | Privacy | Changelog | Canary | Donate | Bugs | License
Served by c7693d2284ae