Child Theme Does Not Override Parent CSS?

  • Resolved Alex

    (@atjuchgmailcom)


    11 years ago

    I have Attitude installed as a child theme, I have changed some of the CSS but not all of it is being overridden? What would cause this?

    Example

    I am trying to delete the white space above the header image. I have added the following to the Custom CSS and I inspected it with Chrome and it’s pulling the parent CSS still. The @import path is correct because it still takes some of my other changes.

    .hgroup-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

    Am I missing a step?

Viewing 11 replies - 1 through 11 (of 11 total)
  • zvitez

    (@zvitez)

    11 years ago

    Hi there, try placing the !important declaration. It could be that your declaration is being overriden.

    Good luck!

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    Where do I put that?

    zvitez

    (@zvitez)

    11 years ago

    I’d try it like this

    .hgroup-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    .hgroup-wrap {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

    Did not work…anything other thoughts?

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    What’s interesting is that if I inspect the element on the header (above the image), its pulling the parent CSS file.

    /*
Theme Name: Attitude
Theme URI: http://themehorse.com/themes/attitude
Author: Theme Horse
Author URI: http://themehorse.com
Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Along with the elegant design the theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons, webmaster tools, custom background, custom Header, custom menu, custom favicon, custom CSS, custom webclip icon, custom logo and many more. Also supports some of the popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Get free support on http://themehorse.com/support-forum/
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude
*/

    But if I inspect the navigation, it’s pull the child theme.

    /*
Theme Name:     Tre Gatti Vineyards
Theme URI:      http://tregattivineyards.com
Description:    Tre Gatti Vineyards Website theme
Author:         Access Publishing
Author URI:     http://accesspublishing.com
Template:       attitude.1.1.6
Version:        0.1.0
*/

    What am I missing here? That doesn’t seem normal.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    Can you link the webpage with the issue?

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    Yes, http://www.alexjdesigns.com/tregatti

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    Close your opening curly brace;

    #access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
	color: #ffffff;

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    Looks like that did it

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    Andrew, whats the CSS to delete the remaining top white portion and fix the coloring white borders around my content and the footer?

    Thread Starter Alex

    (@atjuchgmailcom)

    11 years ago

    I think I figured it out 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Child Theme Does Not Override Parent CSS?’ is closed to new replies.