Widget Colours in IE

  • 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

    #35368

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

    Many thanks, Chris

    Mod

    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

    #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

    Mod

    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

    #35372

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

    Chris

    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

    Mod

    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

    #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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.