Transactional Email Styling not displaying on preview
I'm trying to style the content of the email example is the New Ordern or the Order Confirmation Template. Now I selected this template and added some css styling on this field under the Template Style field. But upon saving and when I clicked the preview button the style that I made does not take effect or not being displayed (Note: I'm using an ID and I'm sure the ID selector is correct). Now since It didn't work and I thought it's just a cache issue I placed the styling within the element itself. Upon viewing the style show up.
Is there a reason why my styling does not show up when I place it in the Template Style?
Below is the screenshot of the NEW ACCOUNT template I made
Now below is when I click the preview of the template
I don't really understand why I can't view the changes? I also added the styling in the app/design/frontend/<VENDOR>/<MODULE>/web/css/email-inline.less but upon clicking preview I don't see the changes. Any idea on how to make this work?
magento2 magento-2.1 magento2.3
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
add a comment |
I'm trying to style the content of the email example is the New Ordern or the Order Confirmation Template. Now I selected this template and added some css styling on this field under the Template Style field. But upon saving and when I clicked the preview button the style that I made does not take effect or not being displayed (Note: I'm using an ID and I'm sure the ID selector is correct). Now since It didn't work and I thought it's just a cache issue I placed the styling within the element itself. Upon viewing the style show up.
Is there a reason why my styling does not show up when I place it in the Template Style?
Below is the screenshot of the NEW ACCOUNT template I made
Now below is when I click the preview of the template
I don't really understand why I can't view the changes? I also added the styling in the app/design/frontend/<VENDOR>/<MODULE>/web/css/email-inline.less but upon clicking preview I don't see the changes. Any idea on how to make this work?
magento2 magento-2.1 magento2.3
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
add a comment |
I'm trying to style the content of the email example is the New Ordern or the Order Confirmation Template. Now I selected this template and added some css styling on this field under the Template Style field. But upon saving and when I clicked the preview button the style that I made does not take effect or not being displayed (Note: I'm using an ID and I'm sure the ID selector is correct). Now since It didn't work and I thought it's just a cache issue I placed the styling within the element itself. Upon viewing the style show up.
Is there a reason why my styling does not show up when I place it in the Template Style?
Below is the screenshot of the NEW ACCOUNT template I made
Now below is when I click the preview of the template
I don't really understand why I can't view the changes? I also added the styling in the app/design/frontend/<VENDOR>/<MODULE>/web/css/email-inline.less but upon clicking preview I don't see the changes. Any idea on how to make this work?
magento2 magento-2.1 magento2.3
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
I'm trying to style the content of the email example is the New Ordern or the Order Confirmation Template. Now I selected this template and added some css styling on this field under the Template Style field. But upon saving and when I clicked the preview button the style that I made does not take effect or not being displayed (Note: I'm using an ID and I'm sure the ID selector is correct). Now since It didn't work and I thought it's just a cache issue I placed the styling within the element itself. Upon viewing the style show up.
Is there a reason why my styling does not show up when I place it in the Template Style?
Below is the screenshot of the NEW ACCOUNT template I made
Now below is when I click the preview of the template
I don't really understand why I can't view the changes? I also added the styling in the app/design/frontend/<VENDOR>/<MODULE>/web/css/email-inline.less but upon clicking preview I don't see the changes. Any idea on how to make this work?
magento2 magento-2.1 magento2.3
magento2 magento-2.1 magento2.3
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
asked 18 mins ago
MadzQuestioningMadzQuestioning
1918
1918
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f267157%2ftransactional-email-styling-not-displaying-on-preview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f267157%2ftransactional-email-styling-not-displaying-on-preview%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
