Header font in DePo not configurable by CSS?

  • Author
    Posts
  • #437860

    webshred
    Member

    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.

    #437959

    timethief
    Member

    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/

    #437977

    webshred
    Member

    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/

    #437978

    timethief
    Member

    Yay! Thanks for sharing the solution. :)

    #437979

    timethief
    Member

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

The topic ‘Header font in DePo not configurable by CSS?’ is closed to new replies.