Forum Support

Shape 5
March 29, 2024, 02:58:32 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Content background - can't find CSS to change for IE  (Read 1015 times)
bizneg
Jr. Member
**
Offline Offline

Posts: 7



« on: January 17, 2012, 03:11:50 PM »

Hi

I've been trying to change the background colour of the tabshow for IE.    I've done it for other browers by changing the CSS code for the S5_tabshow_left object.    For IE, I can't seem to get it right.    The source code showing in IE that is causing the color is as follows:

#s5_menu_wrap, #s5_bottom_row3_wrap, #s5_accordion_menu h3.s5_am_toggler, #s5_tabshow_left, .module_round_box-h3line .s5_h3_outer, .module_round_box-h3line h3.s5_mod_h3, .s5_datewrapper, .s5_va_inactive, .s5_ls_top_bar, .s5_ls_bottom_bar{
   background: #676767; /* Old browsers */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

Unfortunately I can't find where in the template this code is coming from.   So far I've looked at the following files:

/templates/maxedmag/html/mod_s5_tabshow/s5_tabshow/styles.css
/templates/maxedmag/css/template.css
/templates/maxedmag/IECSS3.css

PLease could you let me know which file and object controls the css for this module in IE?

Thanks
Brian
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: January 17, 2012, 05:56:21 PM »

It should be located here:

template.css (line 993)

#s5_tabshow_left {

Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bizneg
Jr. Member
**
Offline Offline

Posts: 7



« Reply #2 on: January 18, 2012, 03:08:40 AM »

Hi Jonah,

That's the first code I looked at, and it does seem to control it for the other browsers.   I don't believe this is controlling it for IE though.   Please could you take a look.   My code from template.css looks like this:

    #s5_tabshow_left {
      margin-top: -11px;
      color:#c2c2c2;
      overflow:hidden;
      -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5) inset;
      background: #FFFFFF;  /* Old browsers */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#000000)); /* Chrome,Safari4+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Opera11.10+ */
      background: url(../images/Shape5_MaxedMag_static.png) repeat, -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
      background: /*url(../images/Shape5_MaxedMag_static.png) repeat,*/ linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* W3C */}


You will note I changed the fade from( #676767 to #000000) to be (#FFFFFF to #FFFFFF).    This worked for the other browsers.   

Unfortunately, IE still not working.    Please take a look at our site:    xxx  If you look in firefox or safari it's OK.   IE it still does the fade from #676767 to #000000. 

As I mentioned in the first note, there is source code in the IE page which uses code that I found examples of in the file "IECSS3.CSS", but this does not seem to work either.   

Any thoughts welcome.

Thanks
Brian

« Last Edit: January 18, 2012, 11:28:32 PM by bizneg » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: January 18, 2012, 01:27:33 PM »

Hey Brian,

You are right its not in the template css file.  I checked and its at the top of the IECSS.css file.  If you dont see it download a fresh copy perhaps it was deleted somehow
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bizneg
Jr. Member
**
Offline Offline

Posts: 7



« Reply #4 on: January 19, 2012, 07:32:19 AM »

Hi Jonah,

Sorry, but still no joy.   I compared my file to the original in the template download and everything was there and as it should be.   I then tried changing the color scheme for the tabshow left object in this file.   This did no work.    I then went and change every piece of css in this file which contained the same color scheme (i.e.  the 676767 to 000000 fade...) just to check.   This also did not work.    So in my file, there is now no longer a single object containing the 676767 to 000000 color range, and IE is still showing these colors in the tabshow.

Any further ideas? 

Regards,
Brian
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: January 20, 2012, 02:51:53 PM »

Hey Brian,

If you can PM me ftp login details and I site URL I can take a look at this for you.

Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
vmoadmin
Jr. Member
**
Offline Offline

Posts: 3



« Reply #6 on: February 05, 2012, 02:18:16 AM »

Hi,

I, too, am having the same problem.
If you find a resolution, please let me know. Smiley

Cheers.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: February 06, 2012, 03:07:41 PM »

Can you post a URL of this please?
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
vmoadmin
Jr. Member
**
Offline Offline

Posts: 3



« Reply #8 on: February 08, 2012, 01:45:00 PM »

vmotorsport.com.au - tabshow on the right is grey in every browser except IE.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: February 09, 2012, 12:44:50 PM »

Did you get this working?  Or perhaps try clearing your browser cache because I just checked in IE8 and its working great
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
vmoadmin
Jr. Member
**
Offline Offline

Posts: 3



« Reply #10 on: February 09, 2012, 02:06:39 PM »

Though tabshow is working great - the background style is not the grey to white fade that I want.

It works fine in chrome/opera/firefox etc, but IE still shows the standard grey to black fade.

How it looks in Chrome/Firefox etc:
http://www.wagglemax.org/vmoChrome.png

How it looks in IE9:
http://www.wagglemax.org/vmoIE9.png

The following is my code in IECSS3.css in templates:
Code:
#s5_tabshow_left  {
background: #676767; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
position:relative;
behavior: url(templates/maxedmag/css/PIE.htc);}
« Last Edit: February 09, 2012, 02:23:29 PM by vmoadmin » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #11 on: February 10, 2012, 02:18:36 PM »

Ok so just IE9 then?  I looked in ie8/ie7 and it shows the gray to white
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
bizneg
Jr. Member
**
Offline Offline

Posts: 7



« Reply #12 on: February 15, 2012, 07:20:56 AM »

Hi Jonah,

sorry for the delayed response.   I actually eventually gave up and decided to use a different module I found elsewhere, as that was quicker.   

Thanks for your time on this.

Brian
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.