Twentyeleven Child nor overriding Parent for max-width

  • Here’s my dilemma. I am able to change the following code in the 2011 Parent Theme from this:

    /* One column */
    .one-column #page { max-width: 690px; }

    to this:

    /* One column */
    .one-column #page { max-width: 998px; }

    The width for my fullscreen one-column pages expands as expected. But when I simply paste just this into my Child Theme:

    /* One column */
    .one-column #page { max-width: 998px; }

    the full-screen one-column pages no longer expands. In other words, I am able to edit the Parent style.css, but editing the Child style.css does not properly override the parent. What other code do I need to duplicate from the Parent to Child to make this work?

    Website link:
    universitylutheranseattle.org

    Thanks,
    Sky

Viewing 5 replies - 1 through 5 (of 5 total)

  • You seem to have some errors in your child’s style.css.

    None of your styles are coming from your child theme. So what you are looking at on your site is the parent theme. Some things to check:

    • Your child theme shows up in Dashboard –> Appearance –> Themes
    • If it does appear, make sure it is the active one and if it isn’t, activate it and check your site
    • If it doesn’t appear, check the style.css file in your child theme folder and make sure the comments block at the top of the file is correct, and that the parent’s themes are being imported on the first line after the comment block

    HTH

    PAE

    The child style sheet is there at https://universitylutheranseattle.org/wpulc/wp-content/themes/twentyelevenulc/style.css but it has some errors in it which will impact what – if any – CSS is eventually applied.

    there is definitevely this section: 

    /* #site-title {
	margin-right: 270px;
	padding: 1.65625em 0 0;
...
...
/* Change transparent bkgnd to off-white */
#branding #s {
	background-color: #ececec;
} */

    where the css commenting is gone wrong (comments within comments)

    see what happens if you remove this section.

    Thread Starter Skytouch

    (@skytouch)

    Thanks alchymyth, that did the trick. I’ve cleaned up my child style sheet and dynamic re-sizing seems to be working beeter.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twentyeleven Child nor overriding Parent for max-width’ is closed to new replies.