Joomla Templates Club 406,261 posts

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#150176

Hi all, I need some help with the following issue – I created the attached png which is actually a see-through png of text sitting on then a blue sky background image.

You will see under the “W” and around the “W” there is a slight dotted line like a tear which is not showing up in firefox and IE and only shows up in Chrome and Safari? I am referencing this png in the CSS and I am just wondering if this is a CSS issue and if anyone has any advice on how to solve this rendering issue in chrome and safari? :confused:

This is not a problem with the theme and just a part I am adding to the theme :-[

Any help much appreciated.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#339542

Dear jamjodesign!

I saw the image attached, but i still see a short description bellow the “W” character, it ‘s showing up on all browsers on my computer ( firefox, chrome, safari… etc), the font-size of the text is so small, i could not read it :(, you try to make the bigger font-size for it and increase the quality of the image

May be the problem will be fixed on your computer

Good luck

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#339574

Thanks for reply this help me alot – now I know what is wrong. I was wondering if anyone knew the correct way to set font size to 0% in safari and chrome css? Basically I want to do this as I only want text to come in on the right navigation of the slide show and therefore on the left I want the font size to be zero!!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#339973

Dear jamjodesign!

Here is the solution:
1) please open the file templatesja_oreslibsja.template.helper.php and find the following code:
[PHP]function browser () {[/PHP]
and replace:
[PHP]
function get_user_browser()
{
$u_agent = $_SERVER[‘HTTP_USER_AGENT’];
$ub = ”;
if(preg_match(‘/MSIE/i’,$u_agent))
{
$ub = “ie”;
}
elseif(preg_match(‘/Firefox/i’,$u_agent))
{
$ub = “firefox”;
}
elseif(preg_match(‘/Safari/i’,$u_agent))
{
$ub = “safari”;
}
elseif(preg_match(‘/Chrome/i’,$u_agent))
{
$ub = “chrome”;
}
elseif(preg_match(‘/Flock/i’,$u_agent))
{
$ub = “flock”;
}
elseif(preg_match(‘/Opera/i’,$u_agent))
{
$ub = “opera”;
}

return $ub;
}

function browser () {
[/PHP]

2) and open the templatesja_oreslayoutsblockshead.php file and find the following code at line 77:
[PHP]
.main {width: <?php echo $this->getParam(‘tmplWidth’, ‘auto’, true); ?>;}
#ja-wrapper {min-width: <?php echo $this->getParam(‘tmplWrapMin’, ‘auto’, true); ?>;}
[/PHP]
and replace:
[PHP]
.main {width: <?php echo $this->getParam(‘tmplWidth’, ‘auto’, true); ?>;}
#ja-wrapper {min-width: <?php echo $this->getParam(‘tmplWrapMin’, ‘auto’, true); ?>;}

<?php if( $this->get_user_browser() == ‘safari’ || $this->get_user_browser() == ‘chrome’ ) : ?>
.mystyle {
font-size:1%!important
}
<?php endif; ?>
[/PHP]

note: example for overriding the mystyle css rule

Goodluck

[Author]

Posts