[rodeboy]

rodeboy

#6726

Hi guys, can you please have a look at http://www.leevasey.co.uk a site I have put together for a local guitarist (feedback welcome!)

If you view in Firefox you can see the chosen colours for Slider and Widget Headers, that have been amended in Graphene Options – Colours. However if you are using IE these do not display correctly, especially the widget headers that are ‘blued out’.

I know IE is not liked, and some things are not compatible etc, but I would like to amend this so that it views right in IE. Is there an easy way to do this, in the Custom CSS area maybe?

Thanks as ever. I have tried to search for a suitable answer on the forum, but without luck.

Regards, Chris

[rodeboy]

rodeboy

#35368

Just wondering if anyone is able to give me some pointers on this issue please.

Many thanks, Chris

[Kenneth John Odle]

Kenneth John Odle

#35369

You are using this for widget headers:

.sidebar h3 {

background: linear-gradient(#FFFFFF, #FFFFFF) repeat scroll 0 0 transparent;

}

Except for IE10, MSIE does not support gradients, or CSS3 features in general. Since both your beginning and ending gradient colors are the same, try this:

.sidebar h3 {

background: #fff;

}

[rodeboy]

rodeboy

#35370

Thanks Kenneth, have inserted your suggestion into Custom CSS, but it has not made any difference.

Incidentally, I changed the widget header colours in Graphene Options – Colours, so the coding came out of this (not from anything I inserted) . Do you think I did something wrong?

Any further suggestions?

I appreciate your time, and advice

Chris

[Kenneth John Odle]

Kenneth John Odle

#35371

I am not finding the code I gave you on the site. Try clearing the values you have in Graphene colour options before adding it to custom CSS.

[rodeboy]

rodeboy

#35372

Sorry Kenneth, now done. Your coding has been placed in Graphene Options – Display – Custom CSS which I assume is correct.

Chris

[rodeboy]

rodeboy

#35373

Kenneth, I’ve managed to get some sort of a compromise, that even includes the gradient in IE!

It’s still strange though, as the header boxes have rounded corners in Firefox and square in IE.

Any further thoughts? What do you think of the site in general – always happy to receive feedback, if you have a moment!

Chris

[Kenneth John Odle]

Kenneth John Odle

#35374

Quote:

as the header boxes have rounded corners in Firefox and square in IE.

Rounded corners are CSS3, which IE9 and below does not support.

Quote:

What do you think of the site in general

It’s a very clean look, with a focus on content. I like it.

[rodeboy]

rodeboy

#35375

Thanks again for your time, Kenneth.

I was certainly going for the clean look, as he already has a site for his band and this is just ‘The Guitar and the Man’ site in the main. Just a little concerned that I may have taken the cleanness too far, and not made it interesting enough to look at?

Chris