Need help? Check out our Support site, then


Header font in DePo not configurable by CSS?

  1. Hi,
    I'm familiar w/ CSS and have already inserted an image in the header for my blog: http://beyondthemargins.com.

    However, the default header font is way too large, and every attempt I've made to over-ride the font-size (by changing #header h1{font-size:xx} in the DePo.css file) has failed.

    If I select "View Source Code" in the browser, it looks to me as if the CSS font-size setting is being over-ridden within the HTML itself. This is what is looks like:

    <div id="container">
    <div class="sleeve">

    <div id="header">
    <h1 style="font-size: 111.11111111111px;">

    Beyond the Margins </h1>

    That "font-size: 111.111111111px" doesn't appear anywhere in DePo.css.

    My question is, what is setting that font-size, and is there still a way to override it via DePo.css?

    Thanks,

    Chris

    The blog I need help with is beyondthemargins.com.

  2. It would seem that the font size is embedded in the code in the template and we cannot edit our underlying templates for themes as they are shared. If we could then every other bloggers with a blog in the same theme would wind up with the same changes on their blogs. http://en.support.wordpress.com/themes/editing-themes/

  3. Thanks. But it turns out there's an easy way to do it via CSS:

    #header h1 {
    font-size:xx !important;
    }

    The "!important" modifier over-rides all previous settings for the style, even in-line ones.

    I found the info here, if anyone's interested:

    http://css-tricks.com/override-inline-styles-with-css/

  4. Yay! Thanks for sharing the solution. :)

  5. However, the header link is now "missing". If you want a click header link here's a helpful thread http://en.forums.wordpress.com/topic/making-the-header-image-clickable?replies=11#post-354172

Topic Closed

This topic has been closed to new replies.

About this Topic