-
Posts
-
Hi,
I added an ID to a colorbox following the BEM principles. Into the ID field I entered: “front_header–with-buttons” to manipulate this particular element later on with targeted CSS.
I wondered, why my CSS was never applied although the selectors were simple and has to work.Finally I figured out that my ID was transformed before rendering to: id=”front_header-with-buttons”. The double dash was changed to a single dash. In the Avia editor the ID still is correct “front_header–with-buttons”.
Took me hell of a sunday morning to figure this out…Can you please fix this annoying issue? Expectation is, that whatever (valid) ID I enter to the avia editor will be used in the frontend. Nothing else.
Best regards,
Jan
Hey Jan,
Why do you have to use a double dash? I think that it won’t be valid html5 for instance so I would suggest that you use a single dash only.
Best regards,
RikardHi Rikard,
one, two or many dashes is as valid as it could be… Don’t know why you believe anything else…
Why the double dash: https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
BEM, as I wrote.
Please fix, best regards,
Jan
Hi Yigit,
thank you.
And to get this straight: I don’t really bother if you do some transformation with IDs or any other fields from the backend. But it should be the same in the avia editor as on the final rendered page :-).Jan
- You must be logged in to reply to this topic.