Question: Post Flair Images

[Zeostar]

Hello & Good morning

I was learning how to make post flair's last night, and could not find any settings on how to make a background image. Only adding colors.

Is this part of learning the coding? Or is there some setting I'm not seeing?

I didn't know if this warranted a thread, but I only found one other where the question wasn't answered. And it wasn't in the tutorial either

Thank you

 

[Nah]

I admittedly don't know much about CSS myself but I'm pretty sure that background images for post flairs are a CSS thing. Try putting background-image:url('insert image url here') in the main block section and see if that works.

and iirc, background images for post flairs are a staff and supporter only thing

 

[Zeostar]

I admittedly don't know much about CSS myself but I'm pretty sure that background images for post flairs are a CSS thing. Try putting background-image:url('insert image url here') in the main block section and see if that works.

and iirc, background images for post flairs are a staff and supporter only thing

Ohh, it worked, thank you!!

 

[Fairy]

If anyone else is confused about flairs or CSS, we have shops in the Art Studio where people offer to make flairs for you! :)

 

[Figure]

To piggy back off of this thread if I may, instead of starting a new one that is pretty much the same, I have a few questions. I have been struggling with CSS for a few days, looked up some tutorials but my smooth brain is having a hard time. For example, when I try to insert a background image, the image gets condensed and 4 of the image show up instead of just the one even if the image I chose is a banner shape.

Also, I can't seem to change font size or type and I think I am inputting the command correctly for example.

Font-size: 150%;
Font-type: calligraphy;

Any help would be much appreciated. 😀

 

[tokyodrift]

To piggy back off of this thread if I may, instead of starting a new one that is pretty much the same, I have a few questions. I have been struggling with CSS for a few days, looked up some tutorials but my smooth brain is having a hard time. For example, when I try to insert a background image, the image gets condensed and 4 of the image show up instead of just the one even if the image I chose is a banner shape.

Also, I can't seem to change font size or type and I think I am inputting the command correctly for example.

Font-size: 150%;
Font-type: calligraphy;

Any help would be much appreciated. 😀

background-image: ('url here') no-repeat;
background-size: cover;
no-repeat stops it from repeating, and background-size: cover; scales the image as large as possible without stretching the image. it's better used with hq images.

As for the second, font-size: 150% is a correct value, I tried it myself and saw minimal difference in the font size. Though percentage based CSS may be disabled for members, I can't recall unfortunately. Try using a px value instead of a percent.

As for the font, it would be font-family: 'Name of font here', sans-serif;
Calligraphy is not a font that PC supports, you can see a list of fonts that PC has available for use around the forums on the edit signature part of your settings. Should be under the "Font" dropdown.

 

[Figure]

So weird, I tried all of that and now I can't even get a background image to show up. Well what I have is decent enough for now anyway, thank you for the response!

Edit: So I copied the properties straight from a CSS website and it decided to work, not sure why but I remember why I hated HTML so damn much and I still can't get fonts to work but I am satisfied for today.