1

[biculturalmom]

biculturalmom

#2834

Hello.

Graphene is a great theme.

However, I tried to change the page title background colors/Category Archive/ and it wouldn’t work.

I’ve changed the Style.css. But it seems the original .css is posted as css in the html of the page and it depreciates the changes in Style.css?

The possible cause might be that.

Is there any possible solution to that?

My site is: http://www.msmarteam.eu/Google

Thanks in advance.

[Kenneth John Odle]

Kenneth John Odle

#22170

Looks like it changed to me: http://twitpic.com/86fdcc

If this is what you wanted, try refreshing your browser (or emptying the cache). If not, what were you looking for?

it seems the original .css is posted as css in the html of the page

You will see a link to the original styles.css file, plus you will see some actual CSS code, which is generated by the Graphene options. You may also see some other CSS code which is generated by plugins.

[jorro]

jorro

#22171

Thanks for your kind reply.

You can check for example here: http://www.msmarteam.eu/Google/category/google/glava-iv-prakticheski-orientirana-chast/.

And you can see the difference between the “Category Archive” and the sidebar colors. ;(

If you check the source code there is also difference between Style.css and page html:

html of the page:

.page-title {

-pie-background: linear-gradient(left top, #0F2D4D, #2880C3 );

background: #0F2D4D;

background: -moz-linear-gradient(left top, #0F2D4D, #2880C3 );

background: -webkit-linear-gradient(left top, #0F2D4D, #2880C3 );

background: linear-gradient(left top, #0F2D4D, #2880C3 );

and Style.css:

.page-title {

background: #3300cc;

background: -moz-linear-gradient(#3300cc, #6699ff);

background: -webkit-linear-gradient(#3300cc, #6699ff);

background: linear-gradient(#3300cc, #6699ff);

border-bottom: 1px solid #3300cc;

…

}

Is there any solution?

Thanks,

Jorro

[Anonymous]

Anonymous

#22172

You don’t need to edit the style.css file to change the color of the category archive titles. In your admin panel, go to Appearance -> Graphene Options -> “Display” tab -> Colours Options.

Then scroll to the bottom of that box, and you will see “Archive Title”.

[jorro]

jorro

#22173

Ken,

By the way in your post I saw only picture. There were no links:

You will see a link to the original styles.css file, plus you will see some actual CSS code, which is generated by the Graphene options. You may also see some other CSS code which is generated by plugins.

Jorro.

[jorro]

jorro

#22174

Hi, Josh,

Thank you for the reply.

The problem here is that I changed the Style.css but wordpress is putting some css in the page source code, which has some higher priority. 🙁

And I would like to fix that.

Jorro.

[Anonymous]

Anonymous

#22175

Right. I think the steps I provided above will overwrite any custom css you make. I would remove any custom css you made in regards to .page-title {}

And then just make the changes in the admin panel.

Basically, the admin panel styles will have a higher priority over any custom css. So, if you change it in your custom css, it will be overwritten by the admin panel settings.

Just delete your changes in custom css, and make the new changes in the admin panel.

[jorro]

jorro

#22176

Thank you, Josh.

Very helpful.

It would work and I would do it, if no other way.

But is there a way to make wordpress not to put any css code in the page html?

If you know I would appreciate. 😉

Thanks Jorro.

[Anonymous]

Anonymous

#22177

You know, I seem to remember something about Syahir saying this feature was adding the css improperly and that he was going to adjust it during the next update… I’m not sure that this was specifically the issue, but it sure does sound familiar.

Lemme see if I can find the other thread.

[Syahir Hakim]

Syahir Hakim

#22178

Yep, the .page-title CSS is being printed out to the head even when it is unnecessary. It will be fixed in the upcoming version.