Tag Archives: CSS

Target Outlook App with body[data-outlook-cycle]

It’s all really in the headline. If you want to target the Outlook app, use [data-outlook-cycle] selector. If you apply it to the <body>, then it will cover everything. body[data-outlook-cycle] .outlookApp_show {display:block !important;color:#ff0000;} body[data-outlook-cycle] .outlookApp_hide {display:none !important;}

Posted in Email Dev | Tagged , , , | Comments Off on Target Outlook App with body[data-outlook-cycle]

Fixing bugs with Outlook specific CSS

This is a very informative, yet frustrating article on the fun time that is coding Emails for Outlook. https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4 Here is an excerpt from the article: Conditional stylesheet The most common way to code Outlook targeted CSS is by placing an … Continue reading

Posted in Email Dev | Tagged , , , , | Comments Off on Fixing bugs with Outlook specific CSS

Boost Your CSS Animation Performance with the Repaintless.css Library

The FLIP technique Only animate transforms (translate, rotate, scale) and opacity. It’s best to animate absolutely positioned elements https://blog.lunarlogic.io/2016/boost-your-css-animation-performance-with-repaintless-css/

Posted in Animation, CSS3 | Tagged , , , , , | Comments Off on Boost Your CSS Animation Performance with the Repaintless.css Library

Force browser to print background images

I was working on a page with coupons and the coupon had check boxes that the user could check and then print the page to take to the store. I had some trouble styling the checkboxes as the art director … Continue reading

Posted in CSS3, HTML/CSS, JavsScript, jQuery | Tagged , , , | Comments Off on Force browser to print background images

Link not working when behind a stacked DIV?

You have a div stacked on another div, and the div below has links that aren’t clickable because of the div on top. Even if the div on top has a transparent background. Try this: pointer-events: none;Important note: if the … Continue reading

Posted in HTML/CSS, Web Dev | Tagged , , , , | Comments Off on Link not working when behind a stacked DIV?