WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Custom CSS changing all pst body (10 posts)

  1. passegua
    Member
    Posted 1 year ago #

    I'm using Custom CSS from Jetpack plugin.
    I add these lines to CSS Stylesheet Editor:

    body {
    font-family: verdana;
    font-size: 18px;
    }

    but my last lines, the one about Technorati tags, has a different CSS style, with bigger font, why?
    How could I change also that?
    pls see: http://lnx.sinapsi.org/wordpress/
    Thanks

  2. Andrei Olsen
    Member
    Posted 1 year ago #

    p, li, .feedback (line 92 in style.css) sets the font size to 90% and font-family to Arial. That's the reason.

    Your Technorati tags are 18px Verdana.

  3. passegua
    Member
    Posted 1 year ago #

    I see, but Custom CSS from Jetpack plugin is supposed to overcome the default css style, isn't it?
    I was used Custom CSS from Jetpack plugin in order to customize my css.
    And moreover, why verdana is applied only to technorati and not to all the post's body?
    What I am doing wrong?
    Should I edit my css style?
    Thanks.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    I see, but Custom CSS from Jetpack plugin is supposed to overcome the default css style, isn't it?

    Yes, but you weren't using specific enough selectors.
    http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

    Should I edit my css style?

    No.

  5. Andrei Olsen
    Member
    Posted 1 year ago #

    p is not the same as body. If it's not specified it will inherit the value from the parent element. But since p is set in style.css this value will be used unless it's overridden with something that has a higher specificity.

    Just replace the CSS you added with your plugin with something like this:

    body, p, li, .feedback{
      font-family: verdana, sans-serif;
      font-size: 16px;
    }
  6. passegua
    Member
    Posted 1 year ago #

    Many thanks to both your helping posts.
    I replaced the CSS with the one you suggested:

    body, p, li, .feedback{
    font-family: verdana, sans-serif;
    font-size: 16px;
    }

    and that's it! now display works as I expect.

    p.s. I don't understand what .feedback is there for.

  7. passegua
    Member
    Posted 1 year ago #

    I'd like to take advantage of your kindness once more.
    Using che customized:

    body, p, li, .feedback{
    font-family: verdana, sans-serif;
    font-size: 16px;
    }

    I get the sidebar widgets characters very tiny and it's difficult to read them.
    I see they are:
    #menu ul ul li {
    font: 70%/1.7em Arial,Verdana,sans-serif;
    letter-spacing: 0px;
    }
    different from the custom CSS
    Is there any way to set those fonts bigger at least as the rest of the posts body?
    http://lnx.sinapsi.org/wordpress/
    Thanks.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you tried creating a Custom CSS style like this;

    #menu ul ul li {
     font-size: 16px;
    }

    ?

  9. passegua
    Member
    Posted 1 year ago #

    I applied
    #menu ul ul li {
    font-size: 16px;
    }
    and now the font of the sidebar widget is bigger, but the line spacing is too big, I don't understand why, please check yourself:

    http://lnx.sinapsi.org/wordpress/

    thanks.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    It sounds like you need the support of a CSS forum like http://csscreator.com/forum because that query can be resolved by adding your own line height.

Topic Closed

This topic has been closed to new replies.

About this Topic