Footer inconsistency

[collegepro]

Hi there

On my evolution theme in the footer area I have the same widget in all 3 footer areas. This widget shows posts based on different categories. The center and right widget show the posts in black and the same font, whereas the left widget shows the post in a greyed out fashion and a slightly different font

I have had a look in the appropriate css file but cannot find what I am looking for

Any help would be appreciated - thanks

The site with the problem is http://nutritionlearn.com

PS I have a second domain with the identical theme using a different color scheme and the same thing happens

[ap4a]

It's the other way around for me. Left column is black, others are grey.

Open up default-red.css and locate this:


.footer_left {
float:left;
width:300px;
margin:0 30px 0 15px;
color:black;
font-size:11px;
}
.footer_center {
clear:right;
float:left;
width:300px;
margin:0 30px 0 0;
}
.footer_right {
float:left;
width:290px;
}


Set the same colour and font for all three columns there (note how the left column has the text set to black and font size to 11px already).

[collegepro]

Hi ap4a

I did try something like that and it didn't work

I currently have the following code - but did not change anything

.footer_left {
float:left;
width:300px;
margin:0 30px 0 15px;
color:black;
font-size:11px;
}
.footer_center {
clear:right;
float:left;
width:300px;
margin:0 30px 0 0;
color:black;
font-size:11px;
}
.footer_right {
float:left;
width:290px;
color:black;
font-size:11px;
}

Any more ideas?

[ap4a]

That's not what I see on your site, so you mustn't be uploading your changes? I can only help with what I can see, and when I changed that CSS via the Webdev toolbar's CSS editor the font in those sections changed as advised. I can give you screenshots of that if needed.

So, what browser are you viewing in then? My guess is Internet Explorer?

You also need to make sure your IE stylesheet doesn't override required settings from your main sheets:

This is what you have in there:


*html .footer_left {
float:left;
width:300px;
margin:0 30px 0 8px;
color:#ccc;
font-size:11px;
}

[collegepro]

I mentioned in my first post that I had an exact same site layout on another domain and it was that domain I made the changes to so that's why you didn't see the correct change. My other site uses the green theme

I have now changed both sites to the suggested code and find the following on both sites

In firefox the left hand frame is greyed out
In explorer the right hand frame is greyed out

[ap4a]

It's working correctly for me in Firefox, but not in Internet Explorer which still has the grey setting in the IE only stylesheet as pointed out in my previous post.

[sarahG]

The nutritionlearn.com site shows correct for me in Firefox. all text is black where it should be.

Ensure you're completely refreshing your cache by pressing Ctrl + F5 as you may be loading the older stylesheet too. To be 100% sure, go to the stylesheet link and check you can see the changes in it before loading the front page.

[collegepro]

Confirming everything is working as expected in Firefox

In explorer, I have the right hand box greyed out on the one site and the middle box greyed out on the other site

Both sites have the black color specified in the code for the middle and right boxes

Anymore thoughts

[ap4a]

Third time lucky?

You have an IE only stylesheet that contains the code that I posted five posts about this one. That code says to make that right hand box grey in IE. You still need to change that.

[collegepro]

You have an IE only stylesheet that contains the code that I posted five posts about this one. That code says to make that right hand box grey in IE. You still need to change that.

I don't understand - the css stylesheet has been changed to show black in all 3 columns yet I get greyed text in IE. This is the code I have in the appropriate stylesheet



.footer_left { float:left; width:300px; margin:0 30px 0 15px; color:black; font-size:11px; } .footer_center { clear:right; float:left; width:300px; margin:0 30px 0 0; color:black; font-size:11px; } .footer_right { float:left; width:290px; color:black; font-size:11px; }

[sarahG]

As per ap4a's comment - you have an IE only stylesheet at http://nutritionlearn.com/wp-content/themes/bt-evolution/evolution/css/ie.css

in this you have a colour of grey (#ccc) in the footer style. remove that and IE should be fixed.

[collegepro]

Ok - I'm a bit slow - working from within wordpress, I didn't realize that there was a separate ie.css file to edit (even though I see that now when I re read the posts)

So I have located the correct file and have changed the grey code to simply say black, refreshed and still no change also tried the code #000000, #333, 333 and no change

Should I be adding the center and right code to the ie.css file as in the theme css file?

[ap4a]

When viewing your site in IE 8 I see the problem with the grey colour in the right hand footer column. Which seemed odd as the CSS is now right. So I downloaded a copy to thoroughly check the code, and instead it had fixed itself.

That lead me to suspect your scripts (all of which were downloaded as local copies) and so I disabled them in turn until I found the one responsible - which I found to be KonaLibInline.js. That script is referenced as a widget added into the right hand footer column above your content:


<div class="footer_right">
<div class="textwidget"><!-- Kontera ContentLink(TM);-->
<script type='text/javascript'>
var dc_AdLinkColor = '#ee1c24' ;
var dc_UnitID = 14 ;
var dc_PublisherID = 51336 ;
var dc_adprod = 'ADL' ;
</script>
<script type='text/javascript' src='http://kona.kontera.com/javascript/lib/KonaLibInline.js'>
</script>
<!-- Kontera ContentLink(TM) -->
</div>


I tried changing the colour referenced in the inline script part of the widget from #ee1c24 to #000000 but it had no effect. So the answer seems to be to either remove the widget or if you can access the script directly (at http://kona.kontera.com/javascript/lib/KonaLibInline.js) to find the part in it that is changing the colour in there.

[collegepro]

Hey ap4a - your a genius

Many thanks indeed for solving that issue

What worked in the end was to place the Kontera widget script after the post script and not before.

I've changed both my sites and everything works fine in IE8 and Firefox

Great Job............

[ap4a]

I'm glad it's fixed :)