Problem with Category Archive color changing

  • 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.

    Mod

    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

    #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

    Josh

    #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

    #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

    #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.

    Josh

    #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

    #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.

    Josh

    #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.

    Admin

    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.

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.