« Web, HTML, Tech Forum

Is there a way to put images and other sorts of decor right below my contacting stuff in the left column of my profile?

It's super empty and sad-looking compared to the comments on the side!


Something like this...!


Report Topic

4 Replies

Sort Replies:

Reply by suki

posted
updated

you could use :after. make one tall image with all the images you want in it in your photo editor of choice, then add this styling:



div.col.w-40.left > div:nth-child(7):after {
content: " ";
display: block;
height: 200px;
margin-top: 10px;
background: url('YOUR-IMAGE-URL-HERE.png') no-repeat;
background-size: cover;
}


tweak the height property until your image fits comfortably without being cropped. (too low height will crop the bottom and too high will crop the sides) you could leave some empty space at the bottom of the image when making it so you don't have to fiddle around too too much.




when done it should hopefully look something like this:



Permalink Report Reply

Reply by Free Bagels

posted
updated

thank you so much!! I'll try it out when my computer's all charged! ^_^


Permalink Report Reply

Reply by lou ৎ୭ (autoplay)

posted

can you do this under the comments????


Permalink Report Reply

Reply by Free Bagels

posted

if I couldn't figure out how to do that, I don't think I could do that. that is a pretty good idea though.


Permalink Report Reply