How to change the look of emails on mobile device?

I am using elaqua mobile template. Its work good on both desktop and mobile screens, but I want to give this template a different look on mobile devices. I tried to use css media query, but Eloqua generated html codes has same class and id names.I mean, if I apply style on one class, it change the whole template.

Hi Hammad,
I just went through this process and though the end result is beautiful, I'm not sure it was worth the time it took to do.
Media Queries should work. Here is a portion of the code I used to display the email differently on different width screens. Note that the "important!;" bit is needed for everything to work properly. I used a mishmosh of classes and ID's -- I'm sure that could have been cleaner. If I recall correctly, I had to use h1[class=h1]to fix a bug with either Yahoo! or Outlook. There are some really good resources about responsive design for email at Campaign Monitor. Search for it and you will find their whitepaper.
<html>
<head>
<meta content="text/html;charset=UTF-8" http-equiv="content-type">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Advances</title>
<style type="text/css">
/*Center email in Outlook*/
body {
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
/* Outlook table spacing fix */
.msoFix {
      mso-table-lspace:-1pt;
      mso-table-rspace:-1pt;
      border-collapse: collapse;
      display: inline;
/* generic stuff */
table {
    text-align:left;
td[class=section] {
    font-size: 12pt;;
    font-family: Arial, Helvetica, sans-serif;
/* Center email in Hotmail */
    .ExternalClass {
    width: 100%;
@media only screen and (max-device-width: 620px) {
td[id=lettercontent] {
    color: #000000 !important;
    padding: 30px 20px 25px 15px !important;
    width: 285px !important;
@media only screen and (max-device-width: 480px) {
p[id=preheader] {
    font-size: 16px !important;
    line-height: 16px !important;
    padding-bottom: 30px !important;
h1[class=h1] {
    font-size: 32px !important;
    line-height: 36px !important;
ul[class=ul] {
    font-size: 18px !important;
li[class=li] {
    font-size: 18px !important;
td[id=headercell] {
    background-image: url(http://promo.aaas.org/images/Advances/2013/Mobile/Enewsletter---Final--AC_02.jpg) !important;
    background-size: 312px 97px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 312px !important;
    height: 97px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px 0px 0px 0px !important;
</style>
</head>

Similar Messages

How to change the SBO mailer email address

Hi,
Just want to check , how to change the SBO mailer email address?
Thanks and Regards,
Melvin

Please take a look at this link
http://www.dei.isep.ipp.pt/~jmendes/SINFI-2005/SAPB1_Documentation/_TB1300%20Material/BO65000_14-10001981/Documentation/Service%20Manager/SBO_ServiceManager_65_EN.pdf
You no need to send mails through outlook. Once you run the Addon of outlook integration yu have to do the outlook settings and then you cansend it internally hrough B1 but history will get stored in outlooksent box.

How to change the look and feel for Heading of quick launch menu in project server 2010

Hi
can someone tell me how to change the look and feel of Header names in quick launch.
I want the header to be displayed in Bold with Underline to it.
could this be possible for just header in quick launch in project server 2010.

Hi Rohan
It does not work this way. You have to use a content editor webpart.
See references below that might help you starting with this customisation:
Http://go4answers.webhost4life.com/Example/sharepoint-2010-quick-launch-look-feel-78379.aspx
Http://m.sharepointpromag.com/sharepoint/four-ways-add-or-remove-quick-launch-menu-control
Hope this helps.
Guillaume Rouyre - MBA, MCP, MCTS

How to change the sender's email (class cl_sapuser_bcs) ?!?

Hi Friends,
Currently, I use class CL_BCS to sending an email. I've set sender as below :
data: sender type ref to cl_sapuser_bcs.
sender = cl_sapuser_bcs=>create( sy-uname ).
call method send_request->set_sender
exporting
i_sender = sender.
But I don't know how to change the sender's email to a specific email address, i.e: [email protected]
Anyone can tell me how?
Thanks,
Gy

DATA: recipient          TYPE REF TO if_recipient_bcs.
sender = cl_sapuser_bcs=>create( sy-uname ).
      CALL METHOD send_request->set_sender
        EXPORTING i_sender = sender.
    --------- add recipient (e-mail address) -----------------------
    create recipient - please replace e-mail address !!!
     <b> recipient = cl_cam_address_bcs=>create_internet_address(
                                        '[email protected]').</b>
    add recipient with its respective attributes to send request
      CALL METHOD send_request->add_recipient
        EXPORTING
          i_recipient = recipient
          i_express    = 'X'.
Message was edited by:
        Hymavathi Oruganti

How to change the look of the ESS Overview page

Hi,
We are implementing ESS/MSS and would like to change the look (font size and color, background color, ...) of only the Overview page (Area Group Page). From what I understand when a theme (css) is used it is applied to an entire Portal Desktop, not to a single page. And since the Overview page is a Web Dynpro application (part of the Floor Plan Manager), it doesn't seem possible to change the look besides using themes.
Of course we would like to keep the possibility to configure this page using IMG so rebuilding it from scratch is not really an option.
Any idea how this could be done?
Thanks,
Martin

Thanks Srikanth,
As far as I know it is not possible to change the font size or color of the overview page using IMG.
But I found a way of applying a theme to a single Web Dynpro application running inside the portal, like the Overview page. You need to specify the theme in the iView property editor using the Application parameter sap-cssurl. The feature is there and more or less documented, the only problem I am still not able to make it work, the portal theme is always used. It is also possible to change the theme of <i>all</i> the Web Dynpro applications running on the server (by changing WD a property in the J2EE Visual Admin, see this <a href="https://forums.sdn.sap.com/thread.jspa?threadID=367022">post</a> for example) but this is not what I want to do.
Regards,
Martin

How to change the automatically generated email address?

Hello,
The description of the problem is as follows:
When our system sends to the customer the report with account statements (as an attachment) the automatically generated text that he receives in the email is:
"Please respond to "K047472" "
but the text should be:
"Please respond to "(..here must be a certain email address we want the customer to respond)"
Do you have any idea how to change this?
regards,
Slawek

Hi Slawomir
Please go to SE91 and change the message text.
thanks
Ashok
assign points for useful answer

How to change the sender's email address

Basically, is there a way of changing the sender's address when using the hub to send emails from Gmail?
I have the following domain / email registered with Enom: {REMOVED}. But, when I signed up to Gmail I had to use one of their email addresses: {REMOVED}. This is now my login name into Gmail.
But I don't want people to see {REMOVED} whenever I send an email.
Whilst using Gmail, I use the feature "Check email from other accounts" and here I have entered "{REMOVED}". What happens is that, whenever anyone sends an email to {REMOVED}, Gmail intercepts it and they show up within Gmail.
Also, in Gmail's accounts section, I tell it to "Send mail as" to {REMOVED}. So, when I send an email, it says that it has come from {REMOVED}. That's great.
However, when I send an email using Blackberry's Hub from Gmail, it says that it has come from {REMOVED}. Is there any way of altering this?
I have downloaded the Gmail app, and does what I want. But I would rather use the hub to send emails. So is there any way to change the sender's address?
Thanks.
Mod Edit: Removed personal information to comply with Community Guidelines and Terms and Conditions of Use.

Hello thirtynine,
When sending email via Gmail from your BlackBerry 10 smartphone, the primary address will always appear on the sent message. This cannot be edited to appear as another address.
Thank you.
-FB
Come follow your BlackBerry Technical Team on Twitter! @BlackBerryHelp
Be sure to click Kudos! for those who have helped you.
Click "Accept as a Solution" for posts that have solved your issue(s)!

How to change the look of your screen

how do I change the theme of my phone ie colors

The iPhone does not support "themes". You can change the lock screen and home screen wallpaper.

How to change the look of iT10 if you really can't stand it

It worked for me and comes with an uninstall feature. iTunes 109:
http://erambert.me/

All i get when I get to this site is a page with an image... What is the exact procedure to go to the colored icons? I truly hate the grey... What was Steve thinking????

How to change iMessage id from email to mobile number

I Have activated my iMessage account using my email address i would like to change it to my mobile number

I'm assuming that you have an iPhone? If not, then it can't be done.
If you do have an iPhone. Then go to your iPhone...
Settings---> Messages---> Send & Receive---> Make sure that your number is selected. Your email should be there, but I find it best to leave it not checked.
Now on your Mac. Go to your Messages app.
Messages---> Preferences---> Accounts---> Make sure that your number is there, if so make sure it's checked. Just like with what I said about the iPhone, make sure that your email is not checked.
The reason why I prefer to have only the phone number checked/used. Is because there are times that when I send a message, it will some times choose a different means of sending the message. Thus it will be in a different convo window. At least that is the case when on the iPhone. Where as the Mac will keep it in the same window.
KOT

How to know the midp version of a mobile device

hi,
i'm new on programming with midp, and i wanted to know if there is a way (a function) to know the version of the midp in a mobile?
thanks for your answers

<h2>{color:red}CROSS POSTED{color}</h2>after being answered in
[http://forum.java.sun.com/thread.jspa?threadID=5289012]
Cross posting is rude. Please don't do it again.
db

How do I change the submit to email address?

I have made a form in Adobe Acrobat X Pro, and initially I wanted the form to be sent to one email and I entered it in, but now that person is no longer accepting the forms and it needs to be routed back to me. Unfortunately, I cannot seem to figure out how to change the submit to email address. Even when I try and make a new form, the other email autofills itself. Any help would be great. Thank you.

Thank you.
I actually found what I was looking for. Here is the answer:
http://www.sokolconsulting.com/blog/?p=14

How to change the email of the existing nokia acco...

I have forgotten the password of my existing nokia account password...and can't open the email which is associated with that account because I have forgotten that password too...how to change the existing account email id as I couldn't use the nokia music subscription because of this

If you have included a verified phone number, you can reset the password of your nokia account by entering your registered mobile number on the Forgot Password site. Once you have reset the password and access your Nokia account, you can now change the primary/associated e-mail address.
go to account.nokia.com>Sign in account>Personal Information>E-mail address>Edit>Input your password and email address (new email address)> Add.
To make it your primary email, under E-mail, click on Edit , select the new email address as your primary email and click on Set as primary.

How to change the R/3 transac Look and feel in portals

Hi Experts......
How to change the look and feel of the R/3 transactions in portals.....
I need to change the color of the screen display and nodes.
Is there any easier way to do that....Kindly provide the inputs...
Thanks in Advance,
Jasmine

Hi Jasmine,
generally you have to "Theme Editor" in the portal which allows top level customization of design elements/ colours for the R/3 applicatins to be integrated into the portal.
Changed designs on a deeper levels for ITS can be done with SAP@Web Studio. Kindly check the help for further information.
Hth,
Michael

Change the look of a disabled component

Can anyone clue me in on how to change the look of a component like a jScrollPane when it is disabled? I need to change the foreground/background so it will be easier for people to read. I've looked around for an answer since i'm sure it's simple enough but have come up dry.
Thanks
Chris

Can anyone clue me in on how to change the look of a component like a jScrollPane when it is disabled? I need to change the foreground/background so it will be easier for people to read. I've looked around for an answer since i'm sure it's simple enough but have come up dry.
Thanks
Chris

How to change the look of emails on mobile device?

Similar Messages

Maybe you are looking for