Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Image Slider free Joomla module.

Topic-icon Removed text in round buttons but IE 8 still shows

More
5 years 2 months ago #14818 by nrtn
nrtn created the topic: Removed text in round buttons but IE 8 still shows
I removed the text in the round buttons using:


#slide-controls #slide-nav a{
color:transparent;
}

That seems to work but the text still shows in IE 8.

Any Idea how to get IE 8 to work.

URL: larrynorton.net/baylor/

Thanks

Please Log in to join the conversation.

More
5 years 2 months ago #14835 by ivan.milic
ivan.milic replied the topic: Re: Removed text in round buttons but IE 8 still shows
I can not remember exactly because I did not use ie8 for long time , but maybe it does not support transparent for color property. So you can make color same as background:


#slide-controls #slide-nav a{
color:#FB5C1C;
}

#slide-controls #slide-nav a.on{
color:#FF9A01;
}

Please Log in to join the conversation.

More
5 years 2 months ago #14839 by nrtn
nrtn replied the topic: Re: Removed text in round buttons but IE 8 still shows
Thanks for your help. I am not sure placed in the right spot. Nothing change, I still see numbers in IE 8. I placed the code:


#slide-controls #slide-nav a{
color:#FB5C1C;
}

#slide-controls #slide-nav a.on{
color:#FF9A01;
}

in the default.php file right under:

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a

so it looks like this:

div#header_hotslider div#slide-holder div#slide-controls div#slide-nav a {
background-image:url('.$mosConfig_live_site.'/modules/mod_hot_image_slider/images/slide-nav-'.$buttonColor.'.png);
color:transparent;
top:11px;
position:relative;
}

div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}

Is that the correct place?

Please Log in to join the conversation.

More
5 years 2 months ago #14842 by ivan.milic
ivan.milic replied the topic: Re: Removed text in round buttons but IE 8 still shows
Ok, I checked your page , you used IE conditional and you put it inside of style block which will not work.

So if you want conditional add that with new style block just before ending of head tag:


<!--[if IE 8]>
<style type="text/css" >
div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}
</style>
<![endif]-->
</head>

Please Log in to join the conversation.

More
5 years 2 months ago #14846 by nrtn
nrtn replied the topic: Re: Removed text in round buttons but IE 8 still shows
Forgive me I am still new at this.

Do I change this in the default.php? I do not see a "head" tag in this file. I looked in my template html but I do not see that text in there. I did do a view source and I see it. How do I get to it to change? Do I move it down in the default.php?

Please Log in to join the conversation.

More
5 years 2 months ago #14852 by ivan.milic
ivan.milic replied the topic: Re: Removed text in round buttons but IE 8 still shows
In default.php that is string concat sequence so i don't recommend doing that there unless you are familiar with php, for previous post you shoud do that in index.php of template.

But maybe best is to use style.css in module tmpl folder. Add at the end:

div#slide-controls #slide-nav a{
color:#ef5f21;
}

div#slide-controls #slide-nav a.on{
color:#ff9a01;
}

#slide-controls #slide-nav a{
color:transparent;
}


with this 3 entries you would achieve same as with IE conditional in html generating file.

Please Log in to join the conversation.

Time to create page: 0.140 seconds

Links, Partners and Social Media