Quote Box Change Background Color

[Amy]

Hi!
Great theme, thank you, it’s a pleasure to work with and all the documentation is a tremendous help.

For the quote boxes, I would like to change the background to white, keeping the border. Using Firebug I discovered the results happen when applying these changes to the class info-box-quote:

.info-box-quote {
  background-color: #ffffff;
  background-image: none;
  }

When I put this in the Theme Options, Styles custom CSS section, it works. However, when I put this in the Child Theme using Theme Editor it doesn’t. What am I missing? Best practices say to keep this in a child theme, right?

Thank you!

Topic

[Jason Bobich]

Hello Amy,

Where specifically are you putting the CSS changes in your Child theme? If they’re going in your Child theme’s style.css, this will not work with the current setup of the theme because this means those styles are being inserted before other theme stylesheets.

Make sure you’re putting them in the custom.css file of the sample child theme. See this video: http://vimeo.com/41331677

Note: In the next update for the theme, this confusion is sorted out and people will be able to use style.css naturally in a Child theme and stuff will “just work” as they say.

[Amy]

Ah! Yes, I was putting it in the Child theme’s style.css. Thank you for the link, I will watch the video.

For reference, does the Child theme’s style.css usually (designed to) load before the main theme stylesheet or is this just for this Framework prior to the next update?

[Jason Bobich]

Generally, your average simple theme just puts all of its CSS actually in style.css of the parent theme. That is really the design of WordPress theming in a world of simplicity.

And then in the header of your site, WordPress knows to swap out style.css of the parent theme completely for the style.css of the child theme.

Then, your Child theme’s style.css would look like this:

/* Bring the parent theme's style.css back */
@import( ../your-parent-theme/style.css );

/* Now, your styles go here...*/

The problem is the complexity of this framework having many stylesheets that do several different things, opposed to just the single style.css file.

[Amy]

Got it, thank you!

[Author]

Replies