HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Where is the email background and text color control?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#60049 (In Topic #13055)
Avatar

Community saint

Where is the email background and text color control?

I have had this happen for some time and am just now getting around to addressing it.

When I get an email from the website it has a black background - just like my website and the email's text is also black - not like my website's text. Where do I go to modify this either the background or the text - is this a CSS control?


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60068
Avatar

This isn't so easy to answer, so probably the best thing is to empower yourself to find out with the right tools. I think you can probably save the email as a .htm and use an editor like kompozer or open in Firefox and use Firebug.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#60166
Avatar

Community saint

I looked at the PROPERTIES of the email. I am using Outlook Express currently. The properties reveal that the email uses the CSS that the website does (sorry was obvious) except from what I can see, it appears that a CSS property for general text color, which has been changed on my site, is showing up as black. I assume that black text is a default.

I remind you that my background is also black! The links and hover show up fine but the text appears invisible although it is there, just camouflaged in black.

Any suggestion as to where might be a good controller line in the CSS? I note there appear to be only 3 'email' references in the GLOBAL.CSS code.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60167
Avatar

Community saint

I think it would be nice if the emails were tied to a specific theme for instance Email Theme. That way you create a theme with the colors and logo that you wanted to go out and just name it Email. You would have full and easy control over your emails look and feel. Just my 2 cents...

Rick Henson

OCP 4.3.2 & 5.0.1
PHP 5.2.5
MySQL 5.0.51a
FireFox 3.6.8
Back to the top
 
Posted
Rating:
#60170
Avatar

Want to post something to that effect on the tracker? :)


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#60172
Avatar

Community saint

As always, good idea Chris. Show it done. It might take a while to get used to having that feature. Thanks for the heads up.

Rick Henson

OCP 4.3.2 & 5.0.1
PHP 5.2.5
MySQL 5.0.51a
FireFox 3.6.8
Back to the top
 
Posted
Rating:
#60241
Avatar

Community saint

I am wondering if using the text color tag on the welcome email letter it self will overcome the default CSS color of black? I think I will be giving it s try.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60242
Avatar

Community saint

I would be interested in the results of your test...

Rick Henson

OCP 4.3.2 & 5.0.1
PHP 5.2.5
MySQL 5.0.51a
FireFox 3.6.8
Back to the top
 
Posted
Rating:
#60243
Avatar

Community saint

Rick said

Just my 2 cents…

Chris Graham said

Want to post something to that effect on the tracker? :)
Looks like Rick is the first 'reporter' aside from Chris on the new Tracker feature


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60244
Avatar

Community saint

The tracker is cool, a little strange to navigate but very informative if you take the time to dig in to it a little. I have a couple ideas to throw up there but have been very bogged down trying to get a new pay for site off the ground. Will have the majority of it off my plate next week then I need to get back in here and catch up.

Rick Henson

OCP 4.3.2 & 5.0.1
PHP 5.2.5
MySQL 5.0.51a
FireFox 3.6.8
Back to the top
 
Posted
Rating:
#60245
Avatar

Community saint

Good going Rick!

…and nice to have a pay job too!


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60246
Avatar

Community saint

friendly said

I am wondering if using the text color tag on the welcome email letter it self will overcome the default CSS color of black? I think I will be giving it s try.
Using the WYSIWYG editor and the color tag on the welcome email did the trick. The black default text is now the lighter-brighter color, as used on the website, and it shows up as visible against the black background.

The links in my email were showing up without any extra color tagging as they were usng the website colors - so I was carefull not to tag them.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#60304
Avatar

Community saint

…one addition to my last post, The WYSIWYG text color formatting doesn't affect the other emails, like hacking attempts, etc. that I get from my website - they are still black on black, so I'm glad Rick came up with the email themes idea. It will make ocPortal better for sure.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#63078
Avatar

Community saint

bumping this topic…
All my email reports have my default black background and black text - did ocP ever get to the email themeing or at least make it easier to CSS change emails text and background?


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#63080
Avatar

Community saint

Admin >> Custom tasks (half way down the page) >> Customise your 'MAIL' template

It will give you an HTML preview. You choose the combination of background colour and text you want.

That's the way I sorted the problem for ME …

:thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63081
Avatar

Community saint

This is the MAIL.tpl TEMPLATE - am I supposed to place the CSS directly in the TEMPLATE?


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#63082
Avatar

Community saint

It's a wizard.

Follow the instructions and keep adjusting your colour combinations until you are satisfied, all the while checking the example display that the wizard gives you …

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63083
Avatar

Community saint

Wizard - I see no magic here - maybe Merlin needs another apprentice.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#63084
Avatar

Community saint

Sorry, friendly, my bad - (it was a loooong time ago …!!)!

It throws up the template file and, YES, you were on the right track. You have to add your text and background colour to the template. This is what I ended up with. I'm sure you can find the right place to insert it …

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{LANG*}" lang="{LANG*}">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset={!charset}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{TITLE*}</title>
{CSS}
</head>
<body>
   {+START,BOX}
      <a href="{$BASE_URL*}"><img src="{$IMG*,logo/trimmed-logo}" title="{$SITE_NAME*}" alt="{$SITE_NAME*}" /></a>
   {+END}
   
   <br />
<div style="color:#ffffff; background-color: #395a6f;">
   {+START,BOX}
      {CONTENT}
   {+END}
</div>
</body>
</html>

You should be able to catch the extra 'div' I've inserted to hold the font and background colours. Don't forget to close the div just above the </body> tag.

The 'Preview' button (bottom, left) allows you to preview your template changes.

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63086
Avatar

Community saint

Thanks Fletch!


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: