Editing twentytwelve child theme style does nothing(?).

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