Support » Theme: Twenty Twelve » Changing header logo size, page width, etc.

  • Hello,

    I’m trying to manipulate the web site width, and/or trying to get my logo to stretch across the width of the page, or anything related to main layout size.

    I admit, I don’t use templates often, but either way, this one is a mystery. Any help in locating markup regarding page size, content width, header size/width, and log size/width would be greatly appreciated. I just can’t find it.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try using a browser developer tool for this kind of exploratory CSS work.
    I used Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    I’ve tried firebug, but modifying the css tags I located, didn’t change anything in the page. Usually it’s quick work to find places to modify, but not this time.

    Is some of this locked up in the .js for this theme?

    Child themes, huh. I’ll give it a read.

    Thank you!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Through Google Chrome’s built-in Developer Tool, I exposed the width of the website [screenshot].
    As most of TwentyTwelve’s styles, it is locked up in the style.css file and in a Media Query.

    I found the .site tag, and modified around in there with nothing. It wasn’t until I renamed the .site tag that I noticed a change. This is frustrating; All I want is my logo to expand to both edges, or have less padding; get rid of that shadowed box, and expand the overall width a bit.

    Thanks again! I’ll have to get reading about media queries, although I don’t think I want my site laying itself out based on the viewing device. This may not be a good theme for me to build from.

    Thanks again!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    As the demo website of Twenty Twelve has no logo (image), we need to see a working example of the problem. Can you post a link to the website with the logo issue you discussed?

    I’m working on everything locally with XAMPP; I could put something up later.

    I probably just need to read a bit. I’m used to hierarchal css layout and expect page and main container to be relatively towards the top, with items matching. For example, there is no reference to ‘hfeed’ in style.css. I’ll keep plugging away I suppose.

    Thanks!

    esmi

    (@esmi)

    Forum Moderator

    Whilst there is some variation from theme to theme, most themes (including Twenty Twelve) to do hierarchical structures as you suggested, If there’s no reference to .hfeed in the theme’s style.css, it’s becuase the theme simply doesn’t use the class to any styling itself. But that doesn’t stop you from using it in your child theme.

    I’m really enjoying this child template thing; makes everything so much easier!

    @edacsac Were you able to figure this out? I

    ‘ve been going through the same process you describe (trying to get my header image to stretch across the page) with zero luck.

    esmi

    (@esmi)

    Forum Moderator

    @richard.miller: As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different.

    There are several posts in the support forum about this topic, none of which have been resolved. If you’d like me to add to the clutter, I certainly will.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Please do.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Changing header logo size, page width, etc.’ is closed to new replies.