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 1 month ago #14818 by nrtn
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 1 month ago #14835 by ivan.milic
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 1 month ago #14839 by nrtn
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 1 month ago #14842 by ivan.milic
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 1 month ago #14846 by nrtn
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 1 month ago #14852 by ivan.milic
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.130 seconds

Links, Partners and Social Media