Target specific browsers CSS

Tagged: 

Author Posts

SsMicro June 26, 2019 at 9:03 am

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

Hi – I have an intro paragraph with a drop cap. The CSS selector ::first-letter works fine in all browsers except Firefox, where the styling is a little off.

So, I try adding this @rule to the Selector, in the Code section, however, a warning shows saying this rule is unknown. If I click into another selector and back into the ::first-letter selector, that @rule then disappears.

@-moz-document url-prefix() {
article:nth-of-type(1) p:nth-of-type(1)::first-letter {
margin-top: 7px;

}
}

If I add this @rule to another external style sheet, it works.

Thanks. Gavin.

SsMicro June 26, 2019 at 9:09 am

Okay, I’ve found a solution by using View > Full Code Editor. This works, but a warning/flag ‘Unknown @ rule: @moz-document.’ is still present.

Sebastian June 26, 2019 at 10:26 am

Hi Gavin,

Well done for finding a solution with the full code editor. The other code editor only allows regular selector code.

I’ve just released version 5.8.0.3, which should remove the warning flag from the code editor. You may need to do a hard refresh / cache clear if the warning icons still shows.

Cheers,
Sebastian

SsMicro June 26, 2019 at 6:55 pm

Cheers – that was quick 🙂

You must login or register to reply to this topic.