WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
Changing header logo size, page width, etc. (13 posts)

  1. edacsac
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  3. edacsac
    Member
    Posted 1 year ago #

    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!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  5. edacsac
    Member
    Posted 1 year ago #

    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!

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  7. edacsac
    Member
    Posted 1 year ago #

    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!

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  9. edacsac
    Member
    Posted 1 year ago #

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

  10. richard.miller
    Member
    Posted 1 year ago #

    @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.

  11. esmi
    Forum Moderator
    Posted 1 year ago #

    @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.

  12. richard.miller
    Member
    Posted 1 year ago #

    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.

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please do.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.