kickstarter.com - text alignment issue Topic is solved

[back2themoon]

Example link: (scroll a bit down)

https://www.kickstarter.com/projects/re ... ts/4039259

Text is aligned fully to the left, at the window edge. It should be centred instead.

Only thing I see in the Error Console:

Error: TypeError: k(...) is undefined
Source File: https://cdn.transcend.io/cm/f4a41a3a-db ... /airgap.js
Line: 5
PM 33.0.1

[KlarkKentThe3rd]

Seconding this. Kickstarter is perfectly usable, but text is always left-aligned.

[back2themoon]

I only very recently noticed it, since it was always correctly aligned. Must be a recent change causing this.

[adoxa]

CSS margin-inline is not supported. The main text can be fixed with a custom style:

Code: Select all

.grid-col-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

[FranklinDM]

CSS margin-inline is not supported.

Filed Issue #2477 (UXP). We do have support for the margin-inline-start/end properties, but not the shorthand.

[adoxa]

Okay then, here's an alternative approach that uses a Modify HTTP Response filter to expand margin-inline and padding-inline.

Code: Select all

[["a.kickstarter.com",["/\\.css$/",["/(padding|margin)-inline:(.*?)([;}])/g","$1-inline-start:$2;$1-inline-end:$2$3"]]]]

The scrollbar at the top is due to overflow-y: scroll; it seems Firefox removes this if there's no content.

Didn't track down what's going on the with recommended stuff.

[back2themoon]

Thank you, FranklinDM & adoxa.

[back2themoon]

Pale Moon 33.1.0 solves it. Thank you.