Joomla Templates Club 406,261 posts

[scott859 Friend scott859Join date: June 2007Posts: 4Downloads:0Uploads:0]

#121170

Greetings,

I am developing a site using JA Teline and have noticed that the link color is not showing up as #333333 in Safari, but is showing up as the default HTML link color (Bright Blue). I am only having this problem in Safari on a Mac – every other browser tested the link color is correct at #333333.

Interestingly, I noticed that the links show correctly on the demo you have on your site in Safari. I haven’t yet modified the Template_css.css file from the downloaded version (downloaded 6-13-07). The hover color is showing correctly in Safari (#CC0000) – it is just the a:link which is not showing correctly. Do you have any suggstions on what to modify in the CSS to correct this?

Thanks in advance,

Scott

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

#223053

scott859;19469Greetings,

I am developing a site using JA Teline and have noticed that the link color is not showing up as #333333 in Safari, but is showing up as the default HTML link color (Bright Blue). I am only having this problem in Safari on a Mac – every other browser tested the link color is correct at #333333.

Interestingly, I noticed that the links show correctly on the demo you have on your site in Safari. I haven’t yet modified the Template_css.css file from the downloaded version (downloaded 6-13-07). The hover color is showing correctly in Safari (#CC0000) – it is just the a:link which is not showing correctly. Do you have any suggstions on what to modify in the CSS to correct this?

Thanks in advance,

Scott

Hi Scott
I don’t have a Mac or Safari, so all I can suggest is grab the css file off the demo and use that if the links and colours are correct in Ja’s demo css it should work on your site?

Cheers ShannonN

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#223076

for those that want to test their site in safari without having a mac, the safari browser is now available for windows and its free
http://www.apple.com/safari/

[scott859 Friend scott859Join date: June 2007Posts: 4Downloads:0Uploads:0]

#223086

ShannonN,

Thanks so much for your reply. Yes, I thought of that and did replace the template_css.css and ja-news.css with the Jomlart demo versions and am still experiencing the problem. Odd, I know, but I am running out of possible solutions.

The a:link colors are normal once you have visited the link – but before that they all default to the HTML bright blue link rather than the intended CSS colors. The hover color is correct. I also tried viewing the template on a staging server and am seeing the same problem there. Maybe I’m missing something? I installed the main template then the Ja Login and Ja News modules – is there something else that needs to be installed that may be causing this?

Thanks again for your help!

Scott

[bigrk Friend bigrkJoin date: February 2007Posts: 1425Downloads:0Uploads:2 Thanks: 39 Thanked: 45 times in 15 posts]

#223092

<em>@mj1256 19512 wrote:</em><blockquote>for those that want to test their site in safari without having a mac, the safari browser is now available for windows and its free
http://www.apple.com/safari/</blockquote>

Thanks for the link! I was at my sons house last night and he has a Mac and using Safari. I was showing him the user tools at the top but when you try to increase the font size it wouldn’t work in his browser. This blew me away as everything else works fine. I’ll post my results after trying Safari on my PC. This could be related in some way to the color problem desribed here.

[scott859 Friend scott859Join date: June 2007Posts: 4Downloads:0Uploads:0]

#223099

Yes, I’ve noticed, for me anyway, Firefox and Safari on Mac andWindows – the font adjustment is not working. It only works on Windows IE (I’m using IE 7).

An update on my progress on the color issue. I am not sure why this is happening but if I go to the site (Using Safari – Mac or Windows) the initial problem is there – the a:link colors default to standard HTML bright blue. They are also not the correct size – smaller than what they look like in Firefox and Windows IE – just slightly – but definitely smaller.

If I choose the color switcher at the top of the template and select a color – green for example, the a:link problem is corrected and the fonts assume the proper size. Even selecting the blue swatch ( which is my current default color) when blue is active – corrects the problem. Something happens that corrects this problem when I select a color swatch from the top of the template – EVEN if the color swatch I select is the current color. The act of selecting a swatch corrects the issue even if it doesn’t change the color. If after selecting a swatch and correcting the problem, I quite Safari and go back to the site – the problem re-appears – until I select a swatch from the top of the template.

Something is happening when the swatches are selected that corrects the problem in Safari (both Mac and Windows) but, at this point, I do not know what it is.

Any insight anyone may have on this is very much appreciated!

Scott

[scott859 Friend scott859Join date: June 2007Posts: 4Downloads:0Uploads:0]

#223100

Ahhh – Sweet Success. Somehow it makes all time spent on debugging seem worth it!

The cause of the a:link problem is Safari was actually in the index.php file.

Line 26:
$ja_color_default = ‘ ‘; //blank for default, else pick one of in extra color themes $ja_color_themes

If you leave it blank for default – this produces the problem. You need to put in ‘default’ even when using default to avoid this issue in Safari. The comment “blank for default” should be revised to say something like “must choose a color” OR this code should have ‘default’ in it – by default – it should not be bank as it is now with the current comment tag.

Scott

[bigrk Friend bigrkJoin date: February 2007Posts: 1425Downloads:0Uploads:2 Thanks: 39 Thanked: 45 times in 15 posts]

#223101

<em>@scott859 19541 wrote:</em><blockquote>Ahhh – Sweet Success. Somehow it makes all time spent on debugging seem worth it!

The cause of the a:link problem is Safari was actually in the index.php file.

Line 26:
$ja_color_default = ‘ ‘; //blank for default, else pick one of in extra color themes $ja_color_themes

If you leave it blank for default – this produces the problem. You need to put in ‘default’ even when using default to avoid this issue in Safari. The comment “blank for default” should be revised to say something like “must choose a color” OR this code should have ‘default’ in it – by default – it should not be bank as it is now with the current comment tag.

Scott</blockquote>

Thanks scott859! I’ll give this a try later today. 😎

[Author]

Posts