In reply to: Unable to change Widget header gradient

#30496

I can’t believe I made such a stupid mistake… thank you!

In reply to: Unable to change Widget header gradient

#30494

Quote:

Do not edit theme files directly. You will lose your changes at the next upgrade. As Graphene is in active development, updates come quite frequently. Use Graphene’s built-in options (there are many!) or create a child theme.

I just did an overhaul of my site. You can see it here: http://blog.kjodle.net/

You can peek at my child theme css here: http://blog.kjodle.net/wp-content/themes/graphene-stonesinwater/style.css?ver=3.4.1

That might give you some ideas about which codes you need to change.

@ronangelo

I love the modifications you’ve made on your site. It looks awesome!

Thanks, I’ll keep that in mind; you probably just saved me several huge headaches in the future 😛 I’ll look into child themes.

Quote:

It seems that the settings that’s loading last is the one on options but it’s not the one you chose.

Try to change the color present, save then change back to default color.. save.

Then you can either try to adjust the colors again on the Color Options or add your CSS code in the Custom CSS option.

I recommend that if you plan to add your own css, add it using the Custom CSS or on a Child Theme

I tried what you said to no avail. Thanks for the help though!

Edit:

When I change the colours to a different preset, that preset shows correctly. But then if I change the values for the gradient using graphene options, it reverts back to the default blue.

Is there any way to override the graphene options? It seems to be that the problem lies with the method I’m editing the theme with. For some reason, the colours panel in graphene options is evidently not working properly for me.

In reply to: Unable to change Widget header gradient

#30491

I did save, yeah. I’ve just gone back to the Graphene Options now, and the text fields show the hex codes that I entered, but the preview still shows the wrong colours. I haven’t tried using the custom CSS option.

I edited the stylesheet directly and changed the colours of the gradient for the sidebar like so:

.sidebar h3 {

background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;

background: -moz-linear-gradient(#3C9CD2, #1F6EB6);

background: -webkit-linear-gradient(#df3a000, #940011);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3C9CD2', EndColorStr='#1F6EB6')";

background: linear-gradient(#df3a000, #940011);

border-bottom: 1px solid #195392;

-moz-border-radius: 5px 5px 0 0;

-webkit-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0;

color: #fff;

*display: inline;

font: bold 16px/20px arial;

margin: -15px 0 5px -12px;

padding: 7px 12px;

text-shadow: 0 -1px 0 #555;

width: 100%;

zoom: 1;

}

That didn’t work either.