Widget Colours in IE « Graphene Theme Forum

Graphene Theme Forum » Graphene Wordpress theme » Support

Widget Colours in IE

(9 posts) (2 voices)

Started 3 months ago by rodeboy
Latest reply from rodeboy
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

rodeboy
Member

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

Posted 3 months ago #
rodeboy
Member

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

Many thanks, Chris

Posted 3 months ago #
Kenneth John Odle
Moderator
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;
}
```
More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.
Posted 3 months ago #
rodeboy
Member

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

Posted 3 months ago #
Kenneth John Odle
Moderator

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.

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 3 months ago #
rodeboy
Member

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

Chris

Posted 3 months ago #
rodeboy
Member

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

Posted 3 months ago #
Kenneth John Odle
Moderator

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

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

What do you think of the site in general

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

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 3 months ago #
rodeboy
Member

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

Posted 3 months ago #

Topic Closed

This topic has been closed to new replies.