0
Welcome Guest! Login
0 items Join Now

EMERGENCY help!!

  • EMERGENCY help!!

    Posted 11 years 2 months ago
    • My client is experiencing a non-background for the updated Joomla site.

      I am using Joomla 3.1.5 ansd Gantry 4.

      Their office predominantly uses IE 8 (I know!) and they are not seeing the background image that iother browsers as well as new IE browsers are seeing.

      EDIT: Apparently it is just the header that has the issue. I believe it may be the template setting to "Dark" in the admin area. I have a custom css override to set the backgroundcolor to transparent there, but I think that IE8 cannot recognize that rule. Any ideas??

      The site is here.

      Please see the screen shot below to see what they are experiencing.

      Help is GREATLY appreciated!!!


      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 11 years 2 months ago by JJ Spelman.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: EMERGENCY help!!

    Posted 11 years 2 months ago
    • I dont have ie8 at the moment so I can only guess.

      Can you try to add this to your css?


      #rt-top-surround,
      div#rt-top {
      	filter: none !important;
      }
    • Last Edit: 11 years 2 months ago by Henning.
    • The following users have thanked you: JJ Spelman

  • Re: SOLVED EMERGENCY help!!

    Posted 11 years 2 months ago
    • Thnks for your reply. I finally cound the culprit code in a master css file and copied it to my custom css.


      #rt-top-surround {
      
        background-color: #363636;
        background-image: -moz-linear-gradient(top,#3b3b3b,#2e2e2e);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#2e2e2e));
        background-image: -webkit-linear-gradient(top,#3b3b3b,#2e2e2e);
        background-image: -o-linear-gradient(top,#3b3b3b,#2e2e2e);
        background-image: linear-gradient(to bottom,#3b3b3b,#2e2e2e);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff2e2e2e', GradientType=0); 
        
        changed to:
        
        
        background-color: transparent!important;
        background-image: none!important;
        background-image: none!important;
        background-image: none!important;
        background-image: none!important;
        background-image: none!important;
        background-repeat: no-repeat;
        filter: none!important; 
        }

      Is it necessary to use "background-image: none!important;" for every rule listed in the original? I understand they are rules for differnet browsers but wondered if one declaration would work for all.


      It does include your filter rule. I thought that was just an IE thing?
    • Last Edit: 11 years 2 months ago by JJ Spelman.

Time to create page: 0.055 seconds