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

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.

hitstun,
@hitstun@fedia.io avatar

Check it out! Something must have just changed today, and my CSS seems to work where the browser was reading " before. I can now change the flex layout of my posts, and I can call all my readers airheads just like I used to on Reddit!

@Jerry, I wonder if the move to dedicated hardware caused this somehow. Did Mbin update recently?

minnieo, (edited )
minnieo avatar

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,
atocci avatar

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?

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • kbinMeta
  • cisconetworking
  • DreamBathrooms
  • mdbf
  • khanakhh
  • ngwrru68w68
  • magazineikmin
  • thenastyranch
  • InstantRegret
  • Youngstown
  • slotface
  • everett
  • kavyap
  • modclub
  • ethstaker
  • megavids
  • tacticalgear
  • GTA5RPClips
  • osvaldo12
  • Durango
  • rosin
  • Leos
  • normalnudes
  • anitta
  • cubers
  • tester
  • provamag3
  • JUstTest
  • lostlight
  • All magazines
    •