/kbin meta

25 readers

1 users here now

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

founded 2 years ago

Kbin is sending " to the browser instead of an actual quote (") in my custom CSS (kbin.social)

submitted 2 years ago* (last edited 2 years ago) by atocci@kbin.social to c/kbinMeta@kbin.social

3 comments fedilink hide all child comments

Edit: I've found an issue for it on Codeberg

I've run into a problem I'm not sure if I can solve or if it's an issue with kbin. I'm trying to make custom CSS for my magazine and as part of it I'm attempting to target a link. I'm very new to this, but I've figured out that you need to do this with something like [href="link goes here"].

This works in Firefox's style editor to do what I want, but not when I apply it to my magazine in kbin. I took a look at the CSS being sent to the browser in the style editor, but what kbin ends up sending instead of what I wrote is [href="link goes here"].

This doesn't seem to target the link anymore and is breaking the CSS. Is there anything I can do to fix this or is this possibly a bug with kbin?

This Stack Overflow thread is the closest thing I could find to an answer on my own.

you are viewing a single comment's thread
view the rest of the comments

[–] minnieo@kbin.social 1 points 2 years ago* (last edited 2 years ago) (1 children)

There is some issues with quotes for some reason in magazine styling. I have had to eliminate them entirely in some cases for it to work. For example, instead of this which would be correct (this changes the mag title font, btw):

section.magazine.section h4 { font-family: "DM Serif Display"; }

I had to eliminate the quotes and use this for it to work:

section.magazine.section h4 { font-family: DM Serif Display; }

And for adding a background image to your mag, instead of this, which would be correct usually:

#middle { background: url('imageURLhere'); }

You must do this in order for it to work:

#middle { background: url(imageURLhere); }

[–] atocci@kbin.social 1 points 2 years ago

I can't seem to find a way to work around this with the content tag or using href. It doesn't look like either will work without the quotation marks. Any idea if there are other characters that can substitute in?