Joomla Templates Club 406,261 posts

[ebruse Friend ebruseJoin date: July 2008Posts: 9Downloads:0Uploads:3 Thanks: 3]

#137565

The printer friendly article layout uses the Dark Theme but on white background. Therefore the Article Title gets invisible (white font on white background) See attached screenshots from JoomlArt demo page.

One way to solve this is to get the printer friendly layout to use the Light article theme.

Can this be done? New release?

---

Attachments:

1. 
2. 
3. 

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#288577

You could also adjust the title color in the css. I would need to see the website to tell you what piece of css code needs to be adjusted. It could be body.contentpane { color:} , but I am not sure.

1 user says Thank You to rhand for this useful post

1. ebruse

[ebruse Friend ebruseJoin date: July 2008Posts: 9Downloads:0Uploads:3 Thanks: 3]

#288724

The css in effect for the dark layout is [FONT=”Courier New”]/templates/ja_labra/css/template.css[/FONT] and the tag in the title is [FONT=”Courier New”]h2.contentheading[/FONT] and the font color comes from

.contentheading, .componentheading (line 67)
{
color: #ffffff;
}
(see http://template15.joomlart.com/ja_labra/templates/ja_labra/css/template.css)

The same style is in effect for the print layout (the same css-file)!

In the light layout the css-file again is [FONT=”Courier New”]/templates/ja_labra/css/template.css[/FONT] but here the template code adds the file [FONT=”Courier New”]/templates/ja_labra/css/themes/light.css[/FONT] with the code:

.contentheading, .componentheading (line 11)
{
color: #5a5a5a;
}
(see http://template15.joomlart.com/ja_labra/templates/ja_labra/css/themes/light.css)

I don´t want to change the dark layout colors, I only want to change the print layout.

The best for me would be if I could get the print layout code to add the [FONT=”Courier New”]/templates/ja_labra/css/themes/light.css[/FONT]
in the same way as the light layout does, but I don´t know how to do it.

The source for the screenshots in my previous post can be found at http://template15.joomlart.com/ja_labra/index.php?option=com_content&view=category&layout=blog&id=34&Itemid=27

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#288727

ebruse;108568The printer friendly article layout uses the Dark Theme but on white background. Therefore the Article Title gets invisible (white font on white background) See attached screenshots from JoomlArt demo page.

One way to solve this is to get the printer friendly layout to use the Light article theme.

Can this be done? New release?

Try making your own external print friendly file and call it with the @import function when you hit the print icon?

a sample may be similar to the one below

<style type=”text/css”>
@media print{
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
#ad{ display:none;}
#leftbar{ display:none;}
#contentarea{ width:100%;}
}
</style>

Where you have control over the background and text colours

Or maybe you can use conditional statements (if) to test if the
bkg and foreground colours are the same then change to suit . . .

My knowledge of css is a bit slim but it’s a thought

ShannonN

1 user says Thank You to ShannonN for this useful post

1. ebruse

[ebruse Friend ebruseJoin date: July 2008Posts: 9Downloads:0Uploads:3 Thanks: 3]

#288805

Tank You both, ShannonN and rhand, You got me into the right track.

Just to clearify; I did not have problem with the actual printout, only with the printer friendly pop-up window.

The solution. I added the following (highlighted) code to the file [FONT=”Courier New”]/templates/ja_labra/component.php[/FONT]:

<?php
/*------------------------------------------------------------------------
# JA Labra for Joomla 1.5 - Version 1.2 - Licence Owner JA122517
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template; ?>/css/typo.css" type="text/css" />
</head>
<body class="contentpane">
<jdoc:include type="message" />
<jdoc:include type="component" />
<link rel="stylesheet" href="templates/<?php echo $this->template; ?>/css/themes/light.css" type="text/css" />
</body>
</html>

Now the print-pop-up uses the light template scheme as i wanted.

[Author]

Posts