CSS changes don’t take (I think wrong CSS code shows in edit-CSS window)

  • Unknown's avatar
    mayablogger · Member ·

    http://mayablogger.wordpress.com/

    I paid to be able to edit CSS but am running into problems…

    I think when I go to edit CSS window I see wrong CSS code, for example, I can’t change font for post header:
    <h2>Photo of the Day</h2>:

    in CSS I see:

    .p-head h2 { font:normal 36px “Times New Roman”, serif; }

    but I see no class ‘.p-head h2’ referenced in markup…

    thank you….

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    devblog · Member ·

    Are you writing your code in the CSS Editor: Appearance > Edit CSS?

    Also, don’t use pixel units to define the size of the font. Is of bad practice. Define the size of your fonts in “em” or “%” units.

    HTH

  • Unknown's avatar
    thesacredpath · Member ·

    Blix has three stylesheets that work together, but the two below are the only ones you need to concern your self with. Basically everything for the theme is included in these two. The other one, “calls” the two below.

    http://s3.wordpress.com/wp-content/themes/pub/blix/spring_flavour.css?20090213
    http://s3.wordpress.com/wp-content/themes/pub/blix/layout.css?20090324

    You should copy these two to plain text files on your computer and then use them for reference.

  • Unknown's avatar
    devblog · Member ·

    Are you writing your code in the CSS Editor: Appearance > Edit CSS?

    I’m sorry, your title says it… didn’t pay enough attention.

    However, my other recommendation still applies.

    I’ll go check your blog out now.

  • Unknown's avatar
    thesacredpath · Member ·

    And the above referenced links to the CSS files were given to you in the other thread you started on a similar subject: https://en.forums.wordpress.com/topic/could-wrong-css-code-show-in-edit-css-window?replies=9 .

  • Unknown's avatar
    devblog · Member ·

    True, the markup doesn’t have a “.p-head” class.

    A recommendation, in the future, whenever you’re editing an exisitng theme, add only YOUR cahnges in the CSS editor and make sure the “Add to existing CSS” radio button is checked. There is no need to paste the whole style sheet there again.

    Now, having said that, add this to your CSS:

    .hentry h2 a{ font:normal 1.9em "Times New Roman", serif; }

    If you already have that definition, just modify it so that it looks like the above code.

  • Unknown's avatar
    devblog · Member ·

    oh so there’s another thread…

    Well, I haven’t checked those style sheets, but if they have selectors to to IDs/classes that don’t exist in the markup, then they may confuse Maya if used as reference. In my opinion, it would be better if she used Aardvark or Firebug to find what classes affect what elements and take it from there. This is also another reason why is a good idea not to paste the whole Style sheet in the editor… it makes it easier to keep track of your changes; besides, it’s just a waste of ‘space’ since some, if not most, of the selectors reference non-existing classes/IDs in the markup.

    My $.02

  • Unknown's avatar
    thesacredpath · Member ·

    I’m seeing the post title as #content h2 .

    #content h2 {
clear:both;
font-family:Georgia,serif;
font-size:1.6em;
font-weight:normal;
margin:0 0 18px;
}
  • Unknown's avatar
    devblog · Member ·

    I’m seeing the post title as #content h2 .

    Yeah, that would work too. In my suggestion I went one level down since the markup looks like this:

    <div id="content">
    <div class="... hentry ...">
        <h2><a href="..">Title</a></h2>
        ...
        ...
    </div>
</div>

    Also, to really affect the title, she needs to style the “a” tag inside the “h2” tag, otherwise, no style would be applied to it unless the markup looked like this:

    <div id=”content”>
    <div class=”… hentry …”>
    <h2>Title</h2>
    …
    …
    </div>
    </div>
    `

  • The topic ‘CSS changes don’t take (I think wrong CSS code shows in edit-CSS window)’ is closed to new replies.