From 6da5f037d7cd12529be49041567bd89688351b1e Mon Sep 17 00:00:00 2001 From: Stadly Date: Mon, 17 Dec 2018 11:24:14 +0100 Subject: [PATCH] Width of centered menus !important styles are ignored by Outlook when they are inlined. This rule (.menu[align="center"]) has higher specificity than the other rule setting the width (table.menu), so it is not necessary to have it declared as !important. Removing !important means that the style will be inlined as style="width: 100%" instead of style="width: 100% !important". The latter is ignored by Outlook, while the first one works. Ref: https://www.campaignmonitor.com/blog/email-marketing/2010/05/outlook-2007-and-the-inline-important-declaration/ --- scss/components/_menu.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss index 883b2598..82b483b7 100644 --- a/scss/components/_menu.scss +++ b/scss/components/_menu.scss @@ -63,7 +63,7 @@ table.menu.text-center a { //Centers the menus! .menu[align="center"] { - width: auto !important; + width: auto; } // Remove outside padding so that the menu aligns with other elements on the page -- 2.47.2