• I’m new to WordPress so I’m sure I’m doing something that is easily fixable…

    I created a child theme for twentytwelve so I could change some things around, but when I add css properties to the style.css it does nothing.

    This is my code I have so far:

    /*
    Theme Name: Wall 1.0
    Description: Wall Theme 1.0
    Author: Jason
    Template: twentytwelve
    */
    @import url("../twentytwelve/style.css");
    
    .site {
        margin: 0 auto;
        width: 1180px;
        overflow: hidden;
    }

    I’m basically trying to change the width as my first edit. I used Firebug live edit and that seems to work when removing max-width and changing it to just a width property, but actually editing the stlye does nothing.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You may need to put that CSS inside a media query as twentytwelve is coded “mobile-first” – see the parent theme style.css file starting on about line 1350 for how media queries work.

    For additional CSS help, please post a link to your site.

    @dasher87,

    Your code seems to be correct. Probably the CSS needs to be more specific. For example you could use:

    body .site {
    ...
    }

    Could you provide a link to your site?

    Thread Starter Dasher87

    (@dasher87)

    My site. (edited out)

    Everything is basic, just a clean install.

    Did you try what I suggested? This seems to work:

    @media screen and (min-width: 600px) {
    .site {
        width: 1180px;
    }
    }

    Thread Starter Dasher87

    (@dasher87)

    Yes, it doesn’t seem to be changing anything. Hmm

    Thread Starter Dasher87

    (@dasher87)

    I am going to try using a different theme to style around (something not mobile first), thanks for the help both of you, it is appreciated. (:

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Editing twentytwelve child theme style does nothing(?).’ is closed to new replies.