This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I have just built a new website in Joomla, it is fine in every other browser but firefox where some of the text is blurry - like the font shadow has further offset.

  • 3 tontu
  • 1 am na jafe-jafe bii
  • 9 views
  • i mujjee tontu mooy m-wynn

more options

I have recently built a new website using Joomla. It is appearing perfectly in all browsers except Firefox - not just on my computer as others have emailed me to tell me of the problem. The text at the top menu bar, drop down menus and bottom menu bars is appearing blurry - like the shadow is too far offset. This shadowed text was part of the joomla template and is in the CSS style sheets of the template - it is fine on any other browser - I did try taking the shadow out in the CSS sheet but this did not fix it either. The site is at www.hugsnkisses.net

I have recently built a new website using Joomla. It is appearing perfectly in all browsers except Firefox - not just on my computer as others have emailed me to tell me of the problem. The text at the top menu bar, drop down menus and bottom menu bars is appearing blurry - like the shadow is too far offset. This shadowed text was part of the joomla template and is in the CSS style sheets of the template - it is fine on any other browser - I did try taking the shadow out in the CSS sheet but this did not fix it either. The site is at www.hugsnkisses.net

All Replies (3)

more options

Your problem lies in these two lines:

more options

thankyoiu for your answer Matt2 - but tried finding these references (could only find one) and changing text shadow to 0px - no fix - tried changing every single text shadow to 0px in every css folder - no fix? What am I supposed to change where? Still dont really get why its fine in every other browser but firefox either - if i do change it in the CSS sheets will it be okay in every other browser then?

more options

In template.css, you need to remove your textshadow from #navigation.
http://www.hugsnkisses.net/templates/allrounder_v1.2/css/template.css line 136, it says:

#navigation {
    background-position:center top;
    background-repeat: no-repeat;
    height: 40px;
    height:auto;
    margin:auto;
    background-color: #fff;
    color: #ccc;
    text-shadow: 0 1px 0 #000, 0 0 1px #000;
}

that won't do anything unless you also remove it from index.php line 150.

ul.menu_lv_dropdown {
    background:#ABBDD1 !important;
    text-shadow: 0 1px 0 #fff, 0 0 2px #666;
    border-top: 1px solid #7A92A5;
    border-bottom: 1px solid #7A92A5;
}

cor-el moo ko soppali ci