[CaseClosed]

I am beating my head into the wall of non working code! I have created a custom theme using a plugin, copying code from your site, downloading and moving the files into the correct folder, and manually. But every time I try the style.css does not “trump” the parent theme css. If I put the code in the editors custom css then it will work – but it will not work with a child theme!

I will give a simple example. here is what my child theme css looks like, all I am trying to do is hide the header:

Theme Name: Catch Responsive Child Theme
Theme URI: http://catchthemes.com/themes/catch-responsive
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Responsive is an extremely flexible and customizable WordPress theme suitable for almost any kind of professional website. It is based on responsive design where each element has been carefully configured for perfect display on all devices and platforms. It is built in HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with a wide variety of options so you can modify layout, styling, featured content, promotion headline, featured slider, pagination, icons, menus, breadcrumb, widgets and much more, directly from theme customizer. This theme is translation ready and also currently translated in Swedish. Check out Theme Instructions at http://catchthemes.com/theme-instructions/catch-responsive/, Support at http://catchthemes.com/support/ and Demo at http://catchthemes.com/demo/catch-responsive/
Version: 1.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, gray, silver, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: catchresponsive
Template: catch-responsive

header {
display: none;
}

This will not work no matter what I try! I plan on doing a lot of custom css so I do not want to add it all via the theme editor. Any advice on why this is not working? Site is http://www.thecaseisclosed.com.

[Pratik]

@CaseClosed: Can you post in your site URL? The one you provided seems to be using This site is using the Desk Mess Mirrored theme, v2.5, from BuyNowShop.com.
I will need to check it to see how all the files are loading.

Regards,
Pratik

[CaseClosed]

I apologize, I was trying to work with another theme, and forgot to put it back after I gave up 🙂 The site is back using the child theme for catch responsive now. Any assistance you can provide will be most helpful.

http://thecaseisclosed.com/

Another “unique” thing I am seeing is that when I look at the page source it tells me that the site is using the following for its style sheet:

http://thecaseisclosed.com/wp-content/themes/catch-responsive/A.style.css,qver=4.5.3.pagespeed.cf.KuRKBovxkO.css

I can completely delete style.css from my child theme and from the template theme and I still get this css file. I have no idea where this A.style.css is even coming from, as it is not in my folder structure.

[Pratik]

@caseclosed: The http://thecaseisclosed.com/wp-content/themes/catch-responsive/A.style.css,qver=4.5.3.pagespeed.cf.KuRKBovxkO.css must be due to a plugin that is compressing the js and css. Please try deactivation any compression/optimization plugins.

For the child css, please check it properly, it is working fine, your header is being hidden. Notice that the search box is not there anymore. Remove the css and you will see the search bar above menu.

[CaseClosed]

The entire issue actually had to do with a Apache tool located on my hosting server. It was caching the css, so any changes I made were not seen. I had to manually turn it off by editing my .htaccess file. Here is the information I found below:

“According to http://code.google.com/speed/page-speed/docs/using_mod.html#htaccess you can turn off the module with the line ModPagespeed off in a .htaccess file.

The best solution would be to have a non-live development environment that didn’t have mod_pagespeed on at all, or where it could be added only for some final testing.”

This solution gave me a site that I could edit on the fly. Once I have the site fully developed I plan on turning this tool back on.

[Author]

Posts