Child theme, colors and background images

I've selected Blue for the theme color, but I would like to further customize the colors and background images.

I've created a child theme, so best practice suggests creating new color styles and background images *within my child theme* to override. But only a few styles will override. As a test, I removed all the styles from the blue.css, but still my styles would not override. Instead, the site went green.

http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/
http://www.inkthemes.com/community/threads/changing-color-of-the-tap-to-call-button-on-mobile.8692/

Both of these articles seem to suggest modifying the core template files, which is going to break future upgrades.

Does this theme FULLY SUPPORT child theming?

 

A couple of styles I can't seem to override at all, whether I edit blue.css, drop it into the CSS styles in the Options panel, or load a custom style sheet, with !important. Server and website caching are not an issue.

.feature_testimonial .circle img
.bottom_footer_container

 

Hello,

Child theme works for files in the parent theme main directory.
You are trying to add subdirectory (Css > color) file. That's why it is not working.

You can paste style.css of parent theme in child theme directory and then edit the style.css file of child theme as per your requirement.
This will override the style code of parent theme.

 

I'm trying to overwrite styles in blue.css with my child theme's CSS file. My CSS is loaded after blue.css, so this shouldn't be a problem, but I can't seem to override some classes. For example, .footer_container.

From blue.css:

.footer_container{
background:#0b86cc url(images/footer-bg-blue.png) center top repeat-x;
border-bottom:1px solid #3b92db;
}

In my stylesheet, loaded after blue.css:

.footer_container{
background-image: none !important;
}

Background image still loads. I have to delete the image from the server to make it go away (not a solution!)

Please advise.

ps. I've also had to edit files in functions/ and lib/ because they cannot be overridden from a child theme. Appointway is not 100% Child Theme compatible and this should be stated upfront because best practice is to create a child theme. Future upgrades will break my site. No good.

 

The only solution seems to be to edit the parent theme's blue.css file. Why is this?

Have you tried creating a child theme with Appointway and overriding the .footer_container and .bottom_footer_container classes? If you can make that work, please share how.